@extends('layouts.dash')
@section('title') Besoins Humains @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

    @if (!Session::has('raz_cdl_valide'))
        <div class="card">
            <div class="card-header bg-primary">
                <h2 class="card-title">Besoins Humains par allocataire </h2>
                @if($user->HasRole("ADMINISTRATEUR") || $user->can('RAZ_CDL'))
                    @if(count($allocataires) >0)
                    <div class="card-tools">
                        <a href="{{ url('besoins_humains_raz_cdl') }}" 
                            class="btn btn-tool bg-secondary"> RAZ des contrats CDL</a>
                    </div>
                    @endif
                @endif
            </div>
            <div class="card-body">
                <p>
                    <span class="btn bt-sm bg-purple">Par Allocataires</span>
                    <a href="{{ url('besoins_humains_detail') }}" class="btn bt-sm bg-secondary">Par Besoin</a>
                </p>
                <table id="_table" style="background-color:white;width:100%" class="table table-sm table-condensed  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 >Besoin</th>
                        </tr>
                    </thead>

                    <tbody>
                        @foreach ($allocataires as $allocataire)
                            <tr>
                                <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 !!}
                                <td align="center">{!! $allocataire->date_naissance !!}</td>
                                <td nowrap>{!! $allocataire->VillageFullName2 !!}</td>
                                <td nowrap>{!! $allocataire->DistrictNom !!}</td>
                                <td>{!! $allocataire->getListeBesoinsHumain(false) !!}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    @endif
@endsection


@section('styles')
    <!-- FancyBox -->
    <link media="all" type="text/css" rel="stylesheet" href="{{ url('css/jquery.fancybox.css') }}">
    <link media="all" type="text/css" rel="stylesheet" href="{{ url('css/jquery.fancybox-buttons.css') }}">
@stop

@section('scripts')
    <script src="{{ url('js/jquery.fancybox.js') }}"></script>
    <script>
        // *************
        //FANCY BOX
        // *************
        $(".box_humaine").fancybox({
            //maxWidth    : 800,
            //maxHeight   : 600,
            fitToView   : true,
            width       : '85%',
            //height      : '70%',
            autoSize    : true,
            //autoScale   : true,
            closeClick  : true,
            openEffect  : 'fade',
            closeEffect : 'fade',
        });
    </script>
    @include("forms.scripts_datatable_btn")
@endsection