@extends('layouts.squelette_bi_numerique')
<!-- ************************************** -->
@section('css_header')
<link rel="stylesheet" href="{{ asset('plugins/signature/jquery-signature/css/jquery.signature.css') }}">
@endsection

@section('js_header')
{{-- http://keith-wood.name/signature.html --}}
<script src="{{ asset('plugins/jquery-ui/jquery-ui.js')}}"></script>
<script src="{{ asset('plugins/signature/jquery-ui-touch-punch-master/jquery.ui.touch-punch.js')}}"></script>
<script src="{{ asset('plugins/signature/jquery-signature/js/jquery.signature.js')}}"></script>
@endsection

@section('titre_page')
{{ __("Bon d'intervention") }}
@endsection
<!-- ************************************** -->
@section('titre')
@endsection
<!-- ************************************** -->
@section('panel_boutons')
<span class="alert alert_navbar2 alert-warning "> ETAPE 3 sur 3 </span>
<br><br>
<a class="btn btn-outline-success " href="/bi_numeric/{{$proReq->proReq_id}}/{{$proReq->proReq_linkKey_binumeric}}/2"><i class="fa fa-arrow-circle-left"></i> {{ __("Retour") }}</a>
@endsection

<!-- ************************************** -->
@section('contenu')

        <div class="row">
            <div class="col-md-6">

                <div class="callout callout-info callout-techs">
                    <b>Intervention #{{$intervention->int_number}}<br></b>
                            <H5>{!! $proReq->int_title !!}</H5>

                            <table width="100%">
                                <tr>
                                    <td>
                                        <button class="btn btn-hour btn-xs"><i class="fa fa-map icon-white"></i></button>
                                    </td>
                                    <td>
                                        <p class="event-description">
                                            <br>
                                            {{$intervention->sig_socialReason}} {{$intervention->sit_name}}<br>
                                            {!! $intervention->sit_address1 !!} {!! $intervention->sit_address2 !!}<br>
                                            {!! $intervention->sit_zipCode !!}
                                            {!! $intervention->sit_city !!}<br>
                                            {{ __('Téléphone : ') }}{{$intervention->sit_phone}}
                                        </p>
                                    </td>
                                </tr>
                            </table>
                </div>

                <div class="callout callout-info callout-techs">
                    <H5>Récapitulatif des élements saisis</H5>
                    <br>
                    <table width="100%" border="1" cellpadding="5">
                        <tr>
                            <td>
                                <button class="btn btn-hour btn-xs"><i class="fa fa-calendar icon-white"></i></button>
                            </td>
                            <td>
                              <font size="2">{!! date('d/m/Y -  h:i', strtotime($proReqBi->proReqBi_dateTech)) !!}</font>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <button class="btn btn-hour btn-xs"><i class="fa fa-clock icon-white"></i></button>
                            </td>
                            <td>
                              <font size="2">{{$proReqBi->proReqBi_spentTimeHours}}h {{$proReqBi->proReqBi_spentTimeMn}}mn</font>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <button class="btn btn-hour btn-xs"><i class="fa fa-users icon-white"></i></button>
                            </td>
                            <td>
                              <font size="2">{{$proReqBi->proReqBi_nbPeople}} intervenant(s)</font>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <button class="btn btn-hour btn-xs"><i class="fa fa-edit icon-white"></i></button>
                            </td>
                            <td>
                                <p class="event-description">
                                    <b>Prestation réalisée :  </b>{!! $proReqBi->proReqBi_job !!}<br><br>
                                    <b>Fournitures remplacées :  </b> {!! $proReqBi->proReqBi_equipment !!}<br><br>
                                    <b>Observations :  </b> {!! $proReqBi->proReqBi_providerComment !!}<br>
                                    </p>

                            </td>
                        </tr>
                        <tr>
                            <td>
                                <button class="btn btn-hour btn-xs"><i class="fa fa-image icon-white"></i></button>
                            </td>
                            <td>
                                <a href="{{asset('/storage/interventions_files/'.$intervention->int_id.'/'.$bi->intFil_name)}}" data-toggle="lightbox" data-gallery="gallery" target="_blank">
                                    <img style="width:130px;" src="{{asset('/storage/interventions_files/'.$intervention->int_id.'/'.$bi->intFil_name)}}"
                                            class="img-fluid mb-2" alt="white sample"/>
                                </a>

                                @foreach ($fichiers_bi as $file)
                                <div class="col-sm-2">
                                    @if ( ($file->intFil_ext=='jpg') || ($file->intFil_ext=='jpeg') || ($file->intFil_ext=='png') || ($file->intFil_ext=='bmp') )
                                        <a href="{{asset('/storage/interventions_files/'.$intervention->int_id.'/'.$file->intFil_name)}}" data-toggle="lightbox" data-gallery="gallery" target="_blank">
                                            <img style="width:130px;" src="{{asset('/storage/interventions_files/'.$intervention->int_id.'/'.$file->intFil_name)}}" class="img-fluid mb-2" alt="white sample"/>
                                        </a>
                                    @else
                                        <a href="{{asset('/storage/interventions_files/'.$intervention->int_id.'/'.$file->intFil_name)}}" data-toggle="lightbox" data-gallery="gallery" target="_blank">
                                            <img src="{{asset('images/file_extensions/'.$file->intFil_ext.'.png')}}" width="100px">
                                        </a>
                                    @endif

                                </div>
                                @endforeach
                            </td>
                        </tr>
                    </table>
                    <br>
                </div>

                <form method="POST" action="{{ route('save_bi_step3') }}" enctype="multipart/form-data">
                    <input type="hidden" name="proReqBi_id" id="proReqBi_id" value="{{ $proReqBi->proReqBi_id }}">
                    <input type="hidden" name="int_id" id="int_id" value="{{ $intervention->int_id }}">
                    @csrf


                    <div class="callout callout-warning callout-techs">
                        <H5>Saisie et validation magasin</H5>
                        Prénom de la personne signataire: {{$proReqBi->proReqBi_nameSignataire}}<br>

                        <div class="form-group">
                            <label for="proReqBi_customerComment">{{ __('Observation(s)') }}</label>
                            <textarea class="form-control " name="proReqBi_customerComment" id="proReqBi_customerComment" cols="100" rows="4">{{ @$bi->proReqBi_customerComment }}</textarea>
                        </div>

                        <div>
                            @php
                                $txt_cga = \App\Models\Texte::where('tex_code', '=', 'com_cga')->first();
                            @endphp
                            <input type="checkbox" id="accept_cga" name="accept_cga" required>
                            <label for="accept_cga">Je reconnais avoir lu et accepte les CGA</label>
                            @if(isset($txt_cga) && $txt_cga->tex_textFr)
                                <button class="btn btn-link btn-sm" type="button" data-toggle="collapse" data-target="#collapseCGA" aria-expanded="false" aria-controls="collapseCGA">
                                    (Lire les CGA)
                                </button>
                            @endif
                        </div>

                        <!-- Collapse avec les CGA -->
                        @if(isset($txt_cga) && $txt_cga->tex_textFr)
                            <div class="collapse mt-2" id="collapseCGA">
                                <div class="card card-body">
                                    {!! $txt_cga->tex_textFr !!}
                                </div>
                            </div>
                        @endif

                        <div class="col-md-12">
                            <label>Signature:</label>
                            <br/>
                            <div id="sig"></div>
                            <br/><br/>
                            <button id="clear" class="btn btn-danger btn-sm">Clear</button>
                            <textarea id="signature" name="signed" style="display: none" required></textarea>
                        </div>

                    </div>

                    <center><button class="btn btn-success btn-save">{{ __('Valider le bon d\'intervention') }}</button></center><br><br>

                 </div>
                </form>
            </div>
        </div>



@endsection

@section('js_footer')
<script type="text/javascript">
    var sig = $('#sig').signature({syncField: '#signature', syncFormat: 'PNG'});
    $('#clear').click(function (e) {
        e.preventDefault();
        sig.signature('clear');
        $("#signature64").val('');
    });
</script>

@endsection