@extends('layouts.master')
 
@section('title') Mise à jour d'une fiche salaire @stop
 

@section('content')
    @section('styles')
        {!! Html::style('css/jquery.fancybox.css') !!} 
        {!! Html::style('css/jquery.fancybox-buttons.css') !!} 
    @stop

    <div class='col-lg-10 col-lg-offset-1'>
        @if ($errors)
            @foreach ($errors->all() as $error)
                <div class='bg-danger alert'>{!! $error !!}</div>
            @endforeach
        @endif
        <h1><i class='fa fa-banque'></i> Mise à jour d'une fiche salaire</h1>
        {!! Form::model($salaire, ['salaire' => 'form', 'url' => '/recouvrement/salaires/' . $salaire->id, 'method' => 'PUT', 'class' => 'form-horizontal']) !!}
            <div class="tab-content">
                <div class="form-group">
                    <div class="col-md-4">
                            {!! Form::label('benum', 'Bénéficiaire') !!}
                            {!! Form::hidden('benum', $salaire->benum) !!}
                            <div class="input-group">
                                <div class="input-group-addon" id="ref_beneficiaire">{!! $salaire->benum !!}</div>
                                {!! Form::text('benom', $salaire->beneficiaire_nom, 
                                    ['class' => 'form-control','disabled'=>'true']
                                    ) 
                                !!}
                            </div>
                    </div>

                    <div class="col-md-4">
                            {!! Form::label('sonum', 'Employeur') !!}
                            {!! Form::hidden('sonum', $employeur->id) !!}
                            <div class="input-group">
                                <div class="input-group-addon" name="ref_employeur" id='ref_employeur'>{!! $employeur->id !!}</div>
                                {!! Form::text('employeur_nom', $employeur->nom, 
                                    ['class' => 'form-control', 
                                        'name'=>"employeur_nom",'id'=>"employeur_nom"]
                                    ) 
                                !!}
                            </div>
                        <script>
                                $(function() {        
                                   $("#employeur_nom").autocomplete({
                                        source: "{!! route('autocomplete_employeur') !!}",
                                        minLength: 2,
                                        select: function(event, ui) {
                                            $('#sonum').val(ui.item.id);
                                            $('#ref_employeur').html(ui.item.id);
                                        },
                                        change: function( event, ui ) {
                                            var id_nom=ui.item.value.trim();
                                            var nom;
                                            if(id_nom.length>5) nom=(id_nom.substring(4)).trim();
                                            $('#employeur_nom').val(nom);
                                            $('#ref_employeur').html(ui.item.id);
                                            $('#sonum').val(ui.item.id);
                                        }
                                    }); 
                                   return;
                                });
                        </script>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-md-1">
                            {!! Form::label('annee', 'Année') !!}
                            {!! Form::text('annee', null, ['class' => 'form-control','readonly']) !!}
                    </div>
                
                    <div class="col-md-4">
                        {!! Form::label('dat_ent', 'Date d\'entrée') !!}
                        <div class="input-group">
                            <div class='input-group date' id='datepicker_dat_ent'>
                                {!! Form::text('dat_ent', null, ['placeholder' => 'Date d\'entrée', 'class' => 'form-control']) !!}
                                <span class='input-group-addon'><span class='glyphicon glyphicon-calendar'></span></span>

                                <script type="text/javascript">
                                    $(function () {
                                        $('#datepicker_dat_ent').datepicker({
                                            format: "dd/mm/yyyy",
                                            language: "fr",
                                            autoclose: true
                                        });
                                    });
                                </script>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4">
                        {!! Form::label('date_sor', 'Date de sortie') !!}
                        <div class="input-group">
                            <div class='input-group date' id='datepicker_date_sor'>
                                {!! Form::text('date_sor', null, ['placeholder' => 'Date de sortie', 'class' => 'form-control']) !!}
                                <span class='input-group-addon'><span class='glyphicon glyphicon-calendar'></span></span>

                                <script type="text/javascript">
                                    $(function () {
                                        $('#datepicker_date_sor').datepicker({
                                            format: "dd/mm/yyyy",
                                            language: "fr",
                                            autoclose: true
                                        });
                                    });
                                </script>
                            </div>
                        </div>
                    </div>
                </div>
                <hr/>
                <div class="form-group">
                    <button type="button" class="btn bt-sm btn-success" onclick="ventiler()">Ventiler un salaire</button>
                    <input type='hidden' id='ventil_active' value="0" />
                    <a href="{!! url('log_salaires/'.$salaire->id) !!} " 
                        class="btn bt-sm btn-warning box_log fancybox.iframe">Historique
                    </a>
                    {!! Form::submit('Enregistrer', ['class' => 'btn bt-sm btn-primary']) !!}
                </div>

                <div class="col-md-12">
                    <table class="table table-condensed table-striped table-bordered">
                        <theader>
                            <tr>
                                <th ></th>