@extends('admin.layout.master')
<link rel="stylesheet" type="text/css" href="{{asset('plugins/files/assets/css/select-responsive-fraza.css')}}" >
@section('content')
   
    <div class="pcoded-content">
        <!-- [ breadcrumb ] start -->
        <div class="page-header">
            <div class="page-block">
                <div class="row align-items-center">
                    <div class="col-md-12">
                        <div class="page-header-title">
                            <h4 class="m-b-10">Etat</h4>
                        </div>
                        <ul class="breadcrumb">
                            <li class="breadcrumb-item">
                                <a href="{{ route('home_path') }}">
                                <i class="feather icon-home"></i>
                            </a>
                            </li>
                            <li class="breadcrumb-item"><a href="{{ route('home_path') }}">Accueil</a>
                            </li>
                            <li class="breadcrumb-item">
                                <a href="#">Movement éffectif  </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- [ breadcrumb ] end -->
 <div class="pcoded-inner-content">
    <!-- Main-body start -->
    <div class="main-body">
        <div class="page-wrapper">
            <!-- Page-body start -->
            <div class="page-body">
                <div class="row">
                    <div class="col-sm-12">
                        <!-- Scroll - Vertical, Dynamic Height table end -->
                        <!-- Language - Comma Decimal Place table start -->
                        <div class="card">
                            <div class="card-header">
                                <h5><label class="badge badge-lg bg-info"></label>Mouvement d'effectif</h5>
                               
                                <div class="d-flex align-items-center justify-content-between flex-wrap">
                                    <div class="border-right pr-4 mb-3 mb-xl-0">
                                        <p class="text-muted"></p>
                                        <h4 class="mb-0 font-weight-bold"></h4>
                                    </div>
                                    <div class="border-right pr-4 mb-3 mb-xl-0">
                                        <p class="text-muted"></p>
                                        <h4 class="mb-0 font-weight-bold"></h4>
                                    </div>
                                    <div class="border-right pr-4 mb-3 mb-xl-0">
                                        <p class="text-muted"></p>
                                        <h4 class="mb-0 font-weight-bold"></h4>
                                    </div>
                                    <div class="pr-3 mb-3 mb-xl-0">
                                        <p class="text-muted"></p>
                                        <h4 class="mb-0 font-weight-bold"></h4>
                                    </div>
                                    <div class="mb-3 mb-xl-0">
                                        <a {{-- onclick="showOverlay()" --}} class="btn btn-succes  " 
                                        href="{{ route('admin.etat.pdf', 
                                        ['codeEtatPolice' => $etatPolice,'Sorti' => $Sorti,'idSouscripteur' => $souscripteur,'idPolice' => $police,
                                        'idCollege' => $college,
                                        'dateDemande' => $dateDemande, 
                                        'pdf'=>$pdf
                                        ]) }}"  title="Exporter vers Pdf" style="font-weight: bold"><i class="fas fa-file-pdf"></i>&nbsp;&nbsp;Export la selection PDF</a>
                                        {{--<a class="btn btn-inverse btn-round  btn-grd" href="{{ route('admin.etat.pdf') }}" target="_blank"><i class="fas fa-file-pdf"></i>Export Bénéficiaire</a> --}} 
                                        {{-- <a class="btn btn-warning btn-round  btn-grd" href="{{ route('admin.souscripteur.index',['idPolice' => $idPolice]) }}"><i class="ti-plus"></i>Retour</a> --}}
                                    </div>
                                </div><br>
                                <div class="card">
                                <div class="col-md-12 ">
                                        <div class="panel panel-default">
                                            <div class="panel-body" style="padding:10px">
                                                {{ Form::open(['route' => 'admin.etat.valider', 'method' => 'GET','onsubmit'=>'showOverlay()' , 'id' => 'form_search']) }}
                                                    {{-- <div class="form-group row">
                                                        <label class="col-sm-2 col-form-label" style="font-weight: bold" >Entrez la date souhaitée</label>
                                                        <div class="col-sm-10">
                                                            {{ Form::date('dateDemande', old('dateDemande'), ['class' => 'form-control form-txt-sucess datepicker', 'id' => 'dateDemande', 'placeholder' => '< Date d\'enregistrement']) }}
                                                        </div>
                                                    </div> --}}
                                                    <div class="row form-group">
                                                        <div class="col-md-4 col-md-12">
                                                            <div class="form-outline">
                                                                <label class="form-label "  style="font-weight: bold">Entrez la date souhaitée</label>
                                                                {{ Form::date('dateDemande', old('dateDemande'), ['class' => 'form-control form-txt-sucess datepicker', 'id' => 'dateDemande', 'placeholder' => '< Date d\'enregistrement']) }}
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row form-group">
                                                        <div class="col-md-4 col-md-6">
                                                            <div class="form-outline">
                                                                <label class="form-label "  style="font-weight: bold">Souscripteur</label>
                                                                {{ Form::select('idSouscripteur', $souscripteurs, old('idSouscripteur'), ['class' => 'js-select2 form-control', 'id' => 'idSouscripteur']) }}
                                                            </div>
                                                        </div>
                                                        <div class="col-md">
                                                            <div class="form-outline">
                                                                <label class="form-label "  style="font-weight: bold">Police</label>
                                                                {{ Form::select('idPolice', $polices, old('idPolice'), ['class' => 'js-select2 form-control', 'id' => 'idPolice']) }}
                                                                @if (($errors->has('idPolice')))
                                                                    <div class="alert alert-danger">
                                                                        {{ $errors->first('idPolice') }}
                                                                    </div>
                                                                @endif
                                                            </div>
                                                        </div>
                                                    </div>
                                                    {{--  <div class="form-group row">
                                                        <label class="col-sm-2 col-form-label" style="font-weight: bold">Souscripteur</label>
                                                        <div class="col-sm-4">
                                                            {{ Form::select('idSouscripteur', $souscripteurs, old('idSouscripteur'), ['class' => 'form-control js-example-basic-single', 'id' => 'idSouscripteur','style' => 'height: 40px;width:362.667px;']) }}
                                                        </div>
                                                        <label class="col-sm-2 col-form-label" style="font-weight: bold" >Police</label>
                                                        <div class="col-sm-4">
                                                            {{ Form::select('idPolice', $polices, old('idPolice'), ['class' => 'form-control js-example-basic-single', 'id' => 'idPolice','style' => 'height: 40px;width:362.667px;']) }}
                                                            @if (($errors->has('idPolice')))
                                                                <div class="alert alert-danger">
                                                                    {{ $errors->first('idPolice') }}
                                                                </div>
                                                            @endif
                                                        </div>
                                                    </div>  --}}
                                                    <div class="row form-group">
                                                        <div class="col-md-4 col-md-6">
                                                            <div class="form-outline">
                                                                <label class="form-label "  style="font-weight: bold">Collège</label>
                                                                {{ Form::select('idCollege', $colleges, old('idCollege'), ['class' => 'form-control js-select2', 'id' => 'idCollege']) }}
                                                            </div>
                                                        </div>
                                                        <div class="col-md">
                                                            <div class="form-outline">
                                                                <label class="form-label "  style="font-weight: bold">Etat Police</label>
                                                                {{ Form::select('codeEtatPolice', $etatpolices, old('codeEtatPolice'), ['class' => 'form-control js-select2', 'id' => 'codeEtatPolice']) }}
                                                            </div>
                                                        </div>
                                                    </div>
                                                   {{--  <div class="form-group row">
                                                        <label class="col-sm-2 col-form-label" style="font-weight: bold">Collège</label>
                                                        <div class="col-sm-4">
                                                            {{ Form::select('idCollege', $colleges, old('idCollege'), ['class' => 'form-control js-example-basic-single', 'id' => 'idCollege','style' => 'height: 40px;width:362.667px;']) }}
                                                        </div>
                                                         <label class="col-sm-2 col-form-label" style="font-weight: bold">Etat Police</label>
                                                        <div class="col-sm-4">
                                                            {{ Form::select('codeEtatPolice', $etatpolices, old('codeEtatPolice'), ['class' => 'form-control js-example-basic-single', 'id' => 'codeEtatPolice','style' => 'height: 40px;width:362.667px;']) }}
                                                        </div>
                                                    </div>  --}}
                                                    <div class="row form-group">
                                                        <div class="col-md-6 col-md-12">
                                                            <div class="form-outline">
                                                                <label class="form-label "  style="font-weight: bold">Statut</label>
                                                                <select name="Sorti" id="Sorti" class="form-control js-select2" >
                                                                    <option value="">Veuillez selectionner le statut</option>
                                                                    <option value="1">Actif</option>
                                                                    <option value="0">Rétiré</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    {{-- <div class="form-group row">
                                                        <label class="col-sm-2 col-form-label" style="font-weight: bold">Statut</label>
                                                        <div class="col-sm-4">
                                                            <select name="Sorti" id="Sorti" class="form-control js-select2" >
                                                                <option value="">Veuillez selectionner le statut</option>
                                                                <option value="1">Actif</option>
                                                                <option value="0">Rétiré</option>
                                                            </select>
                                                        </div>
                                                    </div>  --}}
                                                    <div class="row form-group">
                                                        <div class="col-md-4 col-md-12">
                                                            <div class="form-outline">
                                                                <button class="btn btn-default btn-block" style="background-color: #33db9e;font-weight: bold;">Valider</button>                                                              
                                                            </div>
                                                        </div>
                                                    </div>

                                                    
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            @if(isset($beneficiaires))
                            <div class="card-block" id="preview">
                                <div class="dt-responsive table-responsive">
                                   {{--  <h5><label class="badge badge-lg bg-info">{{ $nbre_beneficiaire }}</label> Bénéficiaire (s)</h5> --}}
                                    @include('admin.etat.items', ['beneficiaire' => $beneficiaires])
                                </div>
                            </div>
                            @endif
                        </div>
                        
                        <!-- Language - Comma Decimal Place table end -->
                    </div>
                </div>
            </div>
            <!-- Page-body end -->
        </div>
    </div>
   {{--  <!-- Main-body end -->
    <div id="styleSelector">

    </div> --}}
</div>
    </div>

<script>
     $(document).ready(function() {
        $(".js-select2").select2({
            closeOnSelect: false
        });
        $(".js-select2-multi").select2({
            closeOnSelect: false
        });
    });
    $('#form_test').on('submit', function(e) {
        //debugger;
        var form = $(this);
        var action = $(form).attr('action');
        var datas = $(form).serialize();
        
        e.preventDefault();

        $('.page-loader-wrapper').fadeIn();

        $.ajax({
            method: "GET",
            data: datas,
            url: "{{ route('admin.etat.items') }}",
        }).done(function (response) {
            $('#preview').html(response);
            $('.page-loader-wrapper').fadeOut();
        });
    });

    $('#form_test').children().on('change', function() {
        $('#form_search').submit();
    });

    $("#idSouscripteur").on("change", function() {
        debugger;
        var idSouscripteur = $(this).val();

        $.ajax({
            method: "GET",
            data: {
                idSouscripteur: idSouscripteur
            },
            url: "{{ url('admin/sousPolice') }}",
        }).done(function (polices) {
            debugger;
            var result = '<option value="">Veuillez sélectionner une police</option>';
            for (var i = 0; i < polices.length; i++) {
                result += '<option value="' + polices[i].id + '">' + polices[i].libellePolice + '</option>';
            }
            $("#idPolice").find("option").remove().end().append(result).val("");
            // $("#service_direction_id").find("option").remove().end().append('<option value="">Veuillez sélectionnez un Service</option>').val("");
        });
    });
    $("#idPolice").on("change", function() {
        //debugger;
        var idPolice = $(this).val();
        var idSouscripteur = $('#idSouscripteur').val();

        $.ajax({
            method: "GET",
            data: {
                idPolice: idPolice,
                idSouscripteur: idSouscripteur
            },
            url: "{{ url('admin/policeCollege') }}",
        }).done(function (colleges) {
            //debugger;
            var result = '<option value="">Veuillez sélectionner un collège</option>';
            for (var i = 0; i < colleges.length; i++) {
                result += '<option value="' + colleges[i].id + '">' + colleges[i].libelleCollege + '</option>';
            }
            $("#idCollege").find("option").remove().end().append(result).val("");
            // $("#service_direction_id").find("option").remove().end().append('<option value="">Veuillez sélectionnez un Service</option>').val("");
        });
    });
    $(document).ready(function() {
        $(".js-select2").select2({
            closeOnSelect: false
        });
        $(".js-select2-multi").select2({
            closeOnSelect: false
        });
    });
</script> 
@endsection