@extends('layouts.dash')
@section('title') Bénéficaires CPSWF @stop
@section('title_card')  @stop

@section('content')
    @if (Session::has('message'))
        <div class="alert alert-warning">{!! Session::get('message') !!}</div>
    @endif
    @if (Session('error'))
    <p class="text-danger">{{ session('error') }}</p>
    @endif
    @if (Session::has('success'))
        <div class="alert alert-success">{!! \Session::get('success') !!}</div>
    @endif

    <div class="card">
        <div class="card-header bg-primary">
            <h2 class="card-title">{{ $title }}</h2>
        </div>
        <div class="card-body">

        @if(App\Models\MyApp::hasSIPREDroit("active"))
            <div>
                @if(!isset($sipre_beneficiaires))
                    <div class="margin">
                        <div class="btn-group">
                            <button type="button" id='btn_alloc' class="btn btn-secondary">Rechercher depuis un Allocataire existant</button>
                        </div>

                        <div class="btn-group">
                            <button type="button" id='btn_benef' class="btn btn-secondary">Rechercher un bénéficiare CPSWF</button>
                        </div>
                    </div>
                    {{ html()->form('POST', url('cpswf_alloc'))->attributes(['id' => 'form1'])->open() }}
                        <input type="hidden" id="id_allocataire" name="id_allocataire" value="" />
                        
                        <div class="row" id="div_search_alloc"  style="display :none">
                            <div class='col-md-6 pt-4' >
                                <div class=''>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text">Allocataire SIGAL : </span>
                                        </div>
                                        {!! html()->text('lib_allocataire', null)->placeholder("chercher...")
                                            ->attributes(['id' => 'lib_allocataire','class' => 'form-control']) !!}

                                    </div>
                                </div>
                            </div>
                            <div class='col-md-6 pt-4' id="btn_search">
                                <button type="submit" id="btn_alloc" class="btn btn-success">Rechercher sur CPSWF</button>
                            </div>
                        </div>
                    {{ html()->form()->close() }}

                    {{ html()->form('POST', url('cpswf_benef'))->attributes(['id' => 'form2'])->open() }}
                    <div id="div_search_benef" style="display :none">
                        <div class="row pt-4" >
                            <div class='col-md-6' >
                                <div class="input-group date" id='div_date_naissance_benef'>
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">Date de naissance</span>
                                    </div>
                                    {!! html()->text('date_naissance_benef', null)->attributes(['id' => 'date_naissance_benef','type' => 'date','class' => 'date-input form-control']) !!}
                                    <span class='input-group-addon'><span class='glyphicon glyphicon-calendar'></span></span>
                                </div>
                            </div>
                            <div class='col-md-6' id="btn_search">
                                <button type="submit" id="btn_benef" class="btn btn-primary">Rechercher sur CPSWF</button>
                            </div>
                        </div>
                        <div class="row pt-4" >
                            <div class='col-md-4' >
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">Nom</span>
                                    </div>
                                    {!! html()->text('nom_benef', null)->attributes(['id' => 'nom_benef','class' => 'form-control']) !!}
                                </div>
                            </div>
                        </div>
                        <div class="row pt-4" >
                            <div class='col-md-4' >
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">Prénom</span>
                                    </div>
                                    {!! html()->text('prenom_benef', null)->attributes(['id' => 'prenom_benef','class' => 'form-control']) !!}
                                </div>
                            </div>
                        </div>
                    </div>
                    {{ html()->form()->close() }}
                @else
                    {{ html()->form('POST', url('cpswf_lier'))->attributes(['id' => 'form2'])->open() }}
                    <input type="hidden" id="lier" name="lier" value="" />                       
                    <div class='col-md-12 mt-4'>
                        <table id="_table" style="background-color:white;width:100%" class="table table-bordered table-hover">
                            <thead>
                                <tr>
                                    <th width='1px'>IdCPSWF</th>
                                    <th >Nom</th>
                                    <th >Nom de naissance</th>
                                    <th width='1px'>Naissance</th>
                                    <th>Conjoint</th>
                                    <th width='1px'>NbEnf</th>
                                    <th width='1px'>NbEnfAlloc.</th>
                                    <th >Correspondance SIGAL</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($sipre_beneficiaires as $beneficiaire)
                                    <tr>
                                        <td>{!! $beneficiaire->IdPAD !!}</td> 
                                        <td>{!! $beneficiaire->NomComplet !!}</td>
                                        <td>{!! $beneficiaire->nom_jf !!}</td>
                                        <td>
                                            {!! $beneficiaire->DateNaissFR !!}
                                            @if($beneficiaire->DateDeces)
                                                {!! "Décédé le :".$beneficiaire->DateDeces !!}
                                            @endif
                                        </td>
                                        <td>{!! $beneficiaire->NomConjoint !!}</td>
                                        <td>{!! $beneficiaire->nb_enf !!}</td>
                                        <td>{!! $beneficiaire->NbEnfantsAAE !!}</td>
                                        <td>{!! $beneficiaire->CorrespondanceSigal !!}</td>
                                        <td>
                                            <a href="{{ url('cpswf_detail/'.$beneficiaire->id) }}" class="btn btn-info box_detail fancybox.iframe">
                                                Détail
                                            </a>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    <a class="btn btn-warning"  href="{!! url()->previous() !!}">Retour</a>
                    {{ html()->form()->close() }}
                @endif
            </div>
        @else
            <div class='bg-danger alert'>Recherches actuellement non autorisées par la CPSWF</div>
        @endif
    </div>
@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>

        $(function () {
            $("#btn_alloc").click(function() {set_button('alloc')}) 
            $("#btn_benef").click(function() {set_button('benef')}) 



            $(".lier").click(function() {
                var val=this.name;
                var t=val.split("_");
                var id_sipre=t[0];
                var id_sigal=t[1];
                if(!confirm("Voulez vous vraiement lier le bénéficiaire SIPRE N°"+id_sipre+" à l'allocataire SIGAL N°"+id_sigal+"?")) return;
                $("#lier").val(val);
                $("#form2").submit();
            });

            $(document).on('keypress',function(e) {
                if(e.which == 13) {
                    $('form').submit();
                }
            });


            // *************
            //FANCY BOX
            // *************
            $(".box_detail").fancybox({
                //maxWidth    : 800,
                //maxHeight   : 600,
                fitToView   : true,
                width       : '85%',
                //height      : '70%',
                autoSize    : true,
                //autoScale   : true,
                closeClick  : true,
                openEffect  : 'fade',
                closeEffect : 'fade',
            });

            function set_button(mode) {
                var alloc=$("#btn_alloc");
                var benef=$("#btn_benef");
                alloc.removeClass('btn-secondary');
                benef.removeClass('btn-secondary');
                $("#div_search_benef").hide();
                $("#div_search_alloc").hide();
                if(mode=="alloc") {
                    $("#div_search_alloc").show();
                    benef.removeClass('btn-success').addClass('btn-secondary');
                    alloc.removeClass('btn-secondary').addClass('btn-success');
                    $("#mode").val('benef');
                } else {
                    $("#div_search_benef").show();
                    alloc.removeClass('btn-success').addClass('btn-secondary');
                    benef.removeClass('btn-secondary').addClass('btn-success');    
                    $("#mode").val('benef');
                    $("#date_naissance_benef").focus() ;
                }
            }

            $("#lib_allocataire").autocomplete({
                source: "{!! url('auto_alloc_home') !!}",
                minLength: 2,
                autofocus:true,
                select: function(event, ui) {
                    var id=ui.item.id;
                    var ae_id=ui.item.ae_id;
                    var mode=ui.item.mode;
                    var idPAD=id.toString().padStart(5,"0");
                    $('#id_allocataire').val(id);                
                },
                change: function( event, ui ) {
                },

                focus( event, ui ) {},
                response: function( event, ui ) {},
                open: function(){
                    $('.ui-autocomplete').css('width', '550px'); // HERE
                    $(".ui-autocomplete").css('background-color','lightgrey');
                }
            });

            set_button('benef');
        });
    </script>
@endsection