@extends('layouts.dash')
@section('title') Besoins @stop


@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 bg-info">
            <h2 class="card-title">Besoins par allocataire </h2>
        </div>
        <div class="card-body">
            <p>
                <a href="{{ url('besoins/'.$type_aide) }}" class="btn bt-sm bg-secondary">Par Allocataires</a>
                <a href="{{ url('besoins_detail/'.$type_aide) }}" class="btn bt-sm bg-secondary">Par Besoin</a>
                <span class="btn bt-sm bg-purple">Allocataire/Besoins</span>
            </p>
            <table id="_table" style="background-color:white;width:100%" class="table table-bordered table-hover">
                <thead>
                    <tr>
                        <th width='1px'>Id</th>
                        <th>Nom</th>
                        @foreach ($liste_equipement as $id=>$nom_equipement)
                            <th width='1px'>{{ $nom_equipement }}</th>
                        @endforeach
                    </tr>
                </thead>

                <tbody>
                    @foreach ($allocataire_equipements as $allocataire)
                        <tr>
                            <td><a class="btn bg-secondary" href="{!! url('allocataires/'.$allocataire->id) !!}">{!! $allocataire->IdPAD !!}</a></td>
                            <td>{!! $allocataire->NomComplet !!}</td>
                            @foreach ($liste_equipement as $id=>$nom_equipement)
                                <td align='center'>{{ ($allocataire->id_equipement==$id)?$allocataire->qte:0 }}</td>
                            @endforeach
                        </tr>
                    @endforeach
                </tbody>

                <tfoot>
                    <tr style="background-color:lightgrey">
                        <th colspan="2">Total</th>
                        @foreach ($liste_equipement as $id=>$nom_equipement)
                            <th width='1px'>{{ $t_total[$id] }}</th>
                        @endforeach
                    </tr>
                </tfoot>
            </table>
        </div>
    </div>
@endsection


@section('scripts')
    <script>
    $(function () {
        $.fn.dataTable.moment('D/M/YYYY');
        $("#_table").DataTable({
        "paging": false,
        "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>>",
    order: [2, 'asc'],
            "buttons": ["copy", "excel"] //"print", "pdf", "csv",, "colvis"
        })
        .buttons().container().appendTo('#_table_wrapper .col-md-6:eq(0)');

    });
    </script>
@endsection