@extends('layouts.dash')
@section('title') Doublons analyses @stop


@section('content')


    @if (Session::has('success'))
        <div class="alert alert-success">{!! Session::get('success') !!}</div>
    @endif

    @if (Session::has('message'))
        <div class="alert alert-warning">{!! Session::get('message') !!}</div>
    @endif


    <div class="card">
        <div class="card-header bg-info">
            <h2 class="card-title">Besoins par allocataire </h2>
        </div>
        <div class="card-body">
            <div class="row" style="padding-bottom:30px">
                <div class='col-md-2'>
                    {!! html()->label('Contrôle','select_type') !!}
                    {!! html()->select('select_type',$liste_controle,isset($type_controle)?$type_controle:"")->placeholder('Tous')
                        ->attributes(['class' => 'form-control','id' => 'select_type'])  !!}
                </div>
            </div> 
            <table id="_table" style="background-color:white;width:100%" class="table table-bordered table-hover">
                <thead>
                    <tr>
                        <th width='1px'>Id</th>
                        <th width='1px'>Dossier<br/>Famille</th>
                        <th >Nom</th>
                        <th width='1px'>Date de naissance</th>
                        <th width='1px'>Village</th>
                        <th width='1px'>District</th>
                        <th >Statut</th>
                        <th >Anomalies</th>
                    </tr>
                </thead>

                <tbody>
                    @php $nb=0; $old_date_naissance="";$style=""; @endphp
                    @foreach ($allocataires as $allocataire)
                        @php

                        @endphp
                        <tr style="{{ $style }}">
                            <td  >
                                <a class="btn bg-secondary" href="{!! url('allocataires/'.$allocataire->id) !!}">{!! $allocataire->IdPAD !!}</a>
                            </td>
                            <td>
                                @if($allocataire->id_famille)
                                    <a class="btn bg-primary" href="{!! url('familles/'.$allocataire->id_famille) !!}">{!! $allocataire->IdPADFamille !!}</a>
                                @else
                                    <span class="badge badge-info right"> Aucun</span>
                                @endif
                            </td>
                            <td>{!! $allocataire->nom_complet2." ".$allocataire->double !!}
                            <td align="center">{!! $allocataire->date_naissance !!}</td>
                            <td nowrap>{!! $allocataire->VillageFullName2 !!}</td>
                            <td nowrap>{!! $allocataire->DistrictNom !!}</td>
                            <td nowrap>{!! $allocataire->statut_dossier !!}</td>
                            <td nowrap>
                                @if(isset($errors[$allocataire->id]))
                                    <ul style="margin:0px;padding:10px;">
                                    @foreach ($errors[$allocataire->id] as $error)
                                        <li class='text-danger' >{!! $error !!}</li>
                                    @endforeach
                                    </ul>
                                @endif
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endsection



@section('scripts')
<script>
    $(function () {
        $('#select_type').change(function() {select_filtre();});
       
        function select_filtre() {
            var type=$('#select_type').val();
            var url="{!! url('controle_allocataires') !!}"+"/"+type;
            location.href=url;
        }
    });
</script>


<script>
  $(function () {
    $.fn.dataTable.moment('D/M/YYYY');
    $("#_table").DataTable({
      "paging": true,
      "lengthChange": false,
      "searching": true,
      "ordering": true,
      "info": true,
      "responsive": false,
      "autoWidth": true,
      "fixedHeader": true,
       oLanguage: {
            "sZeroRecords": "Aucune ligne",
            "sInfo": "Affichage de _START_ &agrave; _END_ sur _TOTAL_ lignes",
            "sInfoEmpty": "Showing 0 to 0 of 0 records",
            "sInfoFiltered": "(sur un total de _MAX_ lignes)",
            "oPaginate": {"sPrevious": "Pr&eacute;c&eacute;dente","sNext": "Suivante"
                ,"sFirst": "Premi&egrave;re","sLast": "Derni&egrave;re"},
                "sSearch":"Chercher",
            buttons: {
                colvis: 'Colonnes à afficher',
                copy: 'Copier',print: 'Imprimer',
                copyTitle: 'Ajouté au presse-papiers',
                copyKeys: 'Appuyez sur <i>ctrl</i> ou <i>\u2318</i> + <i>C</i> pour copier les données du tableau à votre presse-papiers. <br><br>Pour annuler, cliquez sur ce message ou appuyez sur Echap.',
                copySuccess: {
                    _: '%d lignes copiées',
                    1: '1 ligne copiée'
                    }
                }

        },
        dom: "<'row'<'col-sm-6'l><'col-sm-6'f>>" + "<'row'<'col-sm-12't>>" + "<'row'<'col-sm-4'i><'col-sm-4'B><'col-sm-4'p>>",
        "columnDefs": 
            [
                //{ "targets": [12], "orderable": true,"searchable": false, "visible": false},
            ],
        "buttons": ["copy", "excel", "colvis"] //"print", "pdf", "csv",
    })
    .buttons().container().appendTo('#_table_wrapper .col-md-6:eq(0)');

  });
</script>
@endsection