@extends('layouts.app')

@section('content')
<style>
    .btncolor{
        background:#eee;
       color:black;
    }
    .abgcolor{
        background:#007bff;
       color:white;
    }


    
</style>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/bbbootstrap/libraries@main/choices.min.css">
 <div class="page-wrapper">
   
<!-- Tabs content -->

    <div class="page-header pt-5">
        <div class="row align-items-end">
                <div class="col-lg-8">
                    <div class="page-header-breadcrumb">
                        <ul class="breadcrumb-title">
                            <li class="breadcrumb-item">
                                <a href="index.html"> <i class="feather icon-home"></i> </a>
                            </li>
                            <li class="breadcrumb-item">{{__('role.add_update')}}</li>
                        </ul>
                    </div>
                    <div style="clear: both"></div>
                     <div class="page-header-title">
                        <div class="d-inline">
                            <h4>Migration Detail of Client(in case client permanentaly migrate to another state/district):(TG,PWID,BP)</h4>
                        </div>
                     </div>
                  </div>

                  </div>
            </div>
        <!-- Page-header end -->

        <!-- Page-body start -->
        <div class="page-body">
            <div class="row">
                <div class="col-sm-12">
                    <!-- Zero config.table start -->
                    <div class="card">
                        <div class="card-block">
                            <div class="mT-30">
                                @include('common.error')

                                <form class="container" method="POST" action="" id="needs-validation">
                                    @csrf
                                    <div class="row">
                                    <div class="col-md-3 mb-3">
                                            <label for="" >Month/Year on which client migrated to another State/District <span class="red">*</span></label>
                                            <input type="text" type="date" name="" value="">
                                        </div>

                                        <div class="col-md-3 mb-3">
                                            <label for="">is He/She permanently Migrated <span class="red">*</span></label>
                                            <select class="form-control " name="service" required>
                                                <option value="">select here...</option>
                                                <option value="">ABC</option>
                                                <option value="">ABC</option>
                                                <option value="">ABC</option>
                                            </select>
                                        </div>

                                        <div class="col-md-3 mb-3">
                                            <label for="">Name of State where he/she migrating <span class="red">*</span></label>
                                            <select class="form-control " name="service" required>
                                                <option value="">select here...</option>
                                                <option value="">ABC</option>
                                                <option value="">ABC</option>
                                                <option value="">ABC</option>
                                            </select>
                                        </div>

                                        <div class="col-md-3 mb-3">
                                            <label for="">Name of District where he/she migrating <span class="red">*</span></label>
                                            <select class="form-control " name="service" required>
                                                <option value="">select here...</option>
                                                <option value="">ABC</option>
                                                <option value="">ABC</option>
                                                <option value="">ABC</option>
                                            </select>
                                        </div>
                                    </div>


                                    <div class="row">
                                  
                                        <div class="col-md-3 mb-3">
                                            <label for="" >Purpose of Migration <span class="red">*</span></label>
                                            <select id="choices-multiple-remove-button" placeholder="Select multiple" multiple>
                                            <option value="HTML">HTML</option>
                                            <option value="Jquery">Jquery</option>
                                            <option value="CSS">CSS</option>
                                            <option value="Bootstrap 3">Bootstrap 3</option>
                                            <option value="Bootstrap 4">Bootstrap 4</option>
                                            <option value="Java">Java</option>
                                            <option value="Javascript">Javascript</option>
                                            <option value="Angular">Angular</option>
                                            <option value="Python">Python</option>
                                            <option value="Hybris">Hybris</option>
                                            <option value="SQL">SQL</option>
                                            <option value="NOSQL">NOSQL</option>
                                            <option value="NodeJS">NodeJS</option>
                                        </select>
                                        </div>

                                        <div class="col-md-3 mb-3">
                                            <label for="">In case the Client permanentaly migrates to another country then only mention the name of the country: <span class="red">*</span></label>
                                            <select class="form-control " name="service" required>
                                                <option value="">select here...</option>
                                                <option value="">ABC</option>
                                                <option value="">ABC</option>
                                                <option value="">ABC</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-12 mb-3 float-left">
                                           {{-- @if (can('rolecontroller', 'update'))--}} 
                                            <button class="btn btn-m btn-primary" type="submit">Save</button>{{--@endif--}} 
                                            <a href="{{ url('roles') }}" class="btn btn-m btn-danger pt-2">Back</a>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <!-- Page-body end -->
    </div>
 

    <script src="https://cdn.jsdelivr.net/gh/bbbootstrap/libraries@main/choices.min.js"></script>
    <script>

        $(document).ready(function(){
            
            var multipleCancelButton = new Choices('#choices-multiple-remove-button', {
            removeItemButton: true,
            maxItemCount:5,
            searchResultLimit:5,
            renderChoiceLimit:5
            }); 
            
            
        });
            
</script>
@endsection