@extends('layouts.dash')

@section('content')
    <div class="card">
        <div class="card-header bg-info">
            <h4>Embauches sur la période</h4>
        </div>
        <div class="card-body">
            <div class="row">
                <div class='col-md-3 m-3'>
                {!! html()->select('select_mode')->options(["E"=>"Embauches","D"=>"Débauches",])
                    ->value($mode)
                    ->attributes(['id'=>'select_mode','class' => 'form-control'])  !!}
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 m-3 form-inline">
                    {!! html()->label('Date de début','date_debut') !!}&nbsp;&nbsp;
                    <div class='input-group date' id='datepicker_date_debut'>
                    {!! html()->text('date_debut', isset($date_deb)?$date_deb:'01/01/'.date('Y'))
                        ->attributes(['id'=>'date_debut','size'=>'10','placeholder' => 'JJ/MM/AAAA', 'class' => 'form-control']) !!}
                        <span class='input-group-addon'>
                            <span class='glyphicon glyphicon-calendar'></span>
                        </span>
                    </div>
                    &nbsp;&nbsp;
                    {!! html()->label('Date de fin','date_fin') !!}&nbsp;&nbsp;
                    <div class='input-group date' id='datepicker_date_fin'>
                    {!! html()->text('date_fin', isset($date_fin)?$date_fin:'31/12/'.date('Y'))
                        ->attributes(['id'=>'date_fin','size'=>'10','placeholder' => 'JJ/MM/AAAA', 'class' => 'form-control']) !!}
                        <span class='input-group-addon'>
                            <span class='glyphicon glyphicon-calendar'></span>
                        </span>
                    </div>
                    &nbsp;&nbsp;
                    <div class=''  >
                        <a id='btn_filtre' class="btn btn-primary"  href="#" ><i class="fas fa-search"></i>&nbsp;Rechercher</a>
                    </div>
                </div>
            </div>
            <br/>
            <div class="row">
                <table id="_table" class="table table-striped table-bordered table-hover" >
                    <thead>
                        <tr>
                            @if($user->can("SAL_VISU") || $user->HasRole("ADMINISTRATEUR"))
                                <th width="1px" >Id</th>
                            @endif
                            <th >Employeur</th>
                            <th >Employé</th>
                            <th >Date Embauche</th>
                            <th >Date Debauche</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($salaires as $salaire)
                            @php
                                $sal=App\Models\Salaire::find($salaire->id);
                            @endphp
                            <tr>
                                @if($user->can("SAL_VISU") || $user->HasRole("ADMINISTRATEUR"))
                                    <td>
                                        <a class="btn btn-default" href="{{ url('salaires/'.$sal->id) }}" target="_blank">
                                            {!!  str_pad($sal->id,5,'0',STR_PAD_LEFT) !!}
                                        </a>
                                    </td>
                                @endif
                                <td>{!!  $sal->EmployeurNom !!}</td>
                                <td>{!!  $sal->BeneficiaireNom !!}</td>
                                <td>{!!  $sal->dat_ent !!}</td>
                                <td>{!!  $sal->date_sor  !!}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div> 
    </div> 
@endsection




@section('scripts')
<script type="text/javascript">
    $(function () {
        $.fn.dataTable.moment('D/M/YYYY');

        $('#datepicker_date_debut').datepicker({
            format: "dd/mm/yyyy",language: "fr",autoclose: true
        });

        $('#datepicker_date_fin').datepicker({
            format: "dd/mm/yyyy",language: "fr",autoclose: true
        });


        $('#select_mode').change( function() {filtre();});
        $('#btn_filtre').click( function() {filtre();});

        function filtre() {
            var date_dep=$('#date_debut').val();
            var date_fin=$('#date_fin').val();
            var mode=$('#select_mode').val();
            var t_date_dep = date_dep.split('/');
            date_dep= t_date_dep[2]+"-"+t_date_dep[1]+"-"+t_date_dep[0];
            var t_date_fin = date_fin.split('/');
            date_fin= t_date_fin[2]+"-"+t_date_fin[1]+"-"+t_date_fin[0];
            var url="{!! url('/stats/embauches/') !!}/"+mode+"/"+date_dep+"/"+date_fin ; 
            location.href=url;
        }
    });
    
</script>
@include("forms.scripts_datatable_btn")
@endsection