@extends('layouts.dash')
@section('title') Bénéficiaires @stop
@section('title_card',"Bénéficiaires")
@section('subtitle_card',"Liste")

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

    @if ($errors)
        @foreach ($errors->all() as $error)
            <div class='bg-danger alert'>{!! $error !!}</div>
        @endforeach
    @endif

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


    <div class="card">
        <div class="card-header">
            <div class="row">
                <div class="col-md-5">
                    {!! html()->label( 'Avec le statut :','') !!}
                    {!! html()->select('select_benef_type',$liste_beneftype,$select_benef_type)->attributes(['id' => 'select_benef_type','class' => 'form-control'])  !!}
                </div>
                @if($user->can("BEN_AJO") || $user->HasRole("ADMINISTRATEUR"))
                    <div class="col-md-5 ">
                        {!! html()->label( '&nbsp;','') !!}<br/>
                        {!! html()->a(url('beneficiaires_add/'.$benef_type),"Ajouter un bénéficiaire")->attributes(['class' => 'btn btn-success'])  !!}
                    </div>
                @endif
            </div>
        </div>
        <div class="card-body">
            <table id="_table" style="background-color:white;width:100%" class="table table-striped table-bordered table-hover">
                <thead>
                    <tr>
                        <th width='1px'>Id</th>
                        <th >Nom</th>
                        <th width='1px'>Date de naissance</th>
                        <th >Adresse</th>
                        <th width='1px'>District</th>
                        <th width='1px'>Email</th>
                        <th width='1px'>Tel</th>
                        <th width='1px'>DateDécés</th>
                        <th width='1px'>Date1erImmat.</th>
                        <th width='1px'>NbEnf.</th>
                        <th >IdConjoint</th>
                        <th >Conjoint</th>
                        <th >IdEmployeur</th>
                        <th >Employeur</th>
                        <th >Montant Ret.</th>
                        <th >Montant CSR</th>
                        <th width='1px'>Statut</th>
                        <th width='1px'>Création</th>
                        @if($benef_type=="A")
                            <th width='1px'>AyantDroit</th>
                            @endif
                        @if($benef_type=="RET")
                            <th width='1px'>TypeRet</th>
                        @endif
                    </tr>
                </thead>

                <tbody>
                    @foreach ($beneficiaires as $beneficiaire)
                        <tr>
                            <td>{!! str_pad($beneficiaire->id, 5, "0", STR_PAD_LEFT) !!}</td>
                            <td>
                                @if(!$beneficiaire->nom_jf)
                                    <a href="{!! url('beneficiaires_filtre/'.$beneficiaire->id.'/'.$benef_type) !!}">{{ $beneficiaire->NomComplet }}</a>
                                @else
                                    <a href="{!! url('beneficiaires_filtre/'.$beneficiaire->id.'/'.$benef_type) !!}">{{ $beneficiaire->NomComplet }}</a>&nbsp;<span class="text-secondary">{!! "Née : ".$beneficiaire->nom_jf !!}</span>
                                @endif
                            </td>
                            <td>{!! $beneficiaire->datenaiss !!}</td>
                            <td>{!! $beneficiaire->adresse !!}</td>
                            <td>{!! $beneficiaire->district !!}</td>
                            <td>{!! $beneficiaire->email !!}</td>
                            <td>{!! $beneficiaire->tel !!}</td>
                            <td align="center">{!! $beneficiaire->date_deces !!}</td>
                            <td align="center">{!! $beneficiaire->date_pi !!}</td>
                            <td align="center">{!! $beneficiaire->nb_enf."/".$beneficiaire->nb_enf_tot !!}</td>
                            <td align="center">{!! $beneficiaire->conjoint !!}</td>
                            <td>{!! $beneficiaire->NomConjoint !!}</td>
                            <td align="center">{!! $beneficiaire->sonum !!}</td>
                            <td>{!! $beneficiaire->EmployeurCourt !!}</td>
                            <td align="center">{!! $beneficiaire->ret_montant !!}</td>
                            <td align="center">{!! $beneficiaire->csr_montant !!}</td>
                            <td align="center">{!! $beneficiaire->statut !!}</td>
                            <td align="center" title="{!! $beneficiaire->created_at !!}">{!! substr($beneficiaire->created_at,0,10) !!}</td>
                            @if($benef_type=="A")
                            <td align="center">{!! ($beneficiaire->ayantdroit)?"OUI":"NON" !!}</td>
                            @endif
                            @if($benef_type=="RET")
                                <td align="center">{!! $beneficiaire->ret_type !!}</td>
                            @endif

                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endsection


@section('scripts')
    <script>
        $(function () {
            $('#select_benef_type').change(function() {select_filtre();});

            function select_filtre() {
                var opt=$('#select_benef_type').val();
                if(opt=="") opt=0;
                url="{!! url('beneficiaires_liste/'.$benef_type) !!}/"+opt;
                location.href=url;
            }
        });
    </script>

<script>
  $(function () {
    $("#_table").DataTable({
      "paging": true,
      "lengthChange": false,
      "searching": true,
      "ordering": true,
      "info": true,
      "responsive": false,
      "autoWidth": false,
      "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'tr>>" + "<'row'<'col-sm-4'i><'col-sm-4'B><'col-sm-4'p>>",

        "buttons": ["copy", "excel", "colvis"], //"print", "pdf", "csv",

        "aaSorting": [
            [1,'asc']
        ],
        "columnDefs": [
            { "targets": [ 3,4,5,6,7,8,10,12], "visible": false},
        ]
    })
    .buttons().container().appendTo('#_table_wrapper .col-md-6:eq(0)');

  });
</script>
@endsection