@extends('layout.padrao')
@section('title', 'Hauling Process (Processo Transportadora)')
@section('content')

    @include('haulingProcess.bookinginformation')

    @if($errors->any())
        <div class="alert alert-danger">
            @foreach($errors->all() as $error)
                {{ $error }} <br>
            @endforeach
        </div>
    @endif

    <div class="row folha-interna4 col-lg-12 col-md-12 col-sm-12">
        <h3>Hauling Details <small>(Detalhes do Processo)</small></h3>
    </div>

    <form method="POST" action="{{route('haulingprocess.update.step4',  ['haulingprocess' => $haulingProcess->id]) }}" accept-charset="UTF-8" enctype="multipart/form-data" id="form_haulingprocess">

        {{ method_field('PUT') }}
        {{ csrf_field() }}

        {{-- This variable control all inputs names--}}
        @php  $divNumber = 0; $divAttachNumber = 0; $totalSent = 0; @endphp


        {{-- Update a Hauling Process--}}
        @foreach($haulingProcess->haulingProcessDetails as $haulingProcessDetails)
            @if($haulingProcessDetails->countAttachmentsHP3())
                @php  $totalSent += 1;  @endphp
                @if(!(isset($haulingProcessDetails->hauling_process_details_id)))
                    @php  $divNumber += 1;  @endphp
                    @include('haulingProcess.step4.form')
                @endif
            @endif

        @endforeach

        <div class="col offset-lg-9 offset-md-9 col-lg-3 col-md-3 col-sm-12 text-right">
            <p style="margin: 0px;">Qtd Total Solicitada: <b>{{(isset($loadingRequest->containerQty)) ? $loadingRequest->containerQty . ' cntr' : ''}}</b></p>
            <p style="margin: 0px;">Qtd Total Enviada: <b>{{(isset($totalSent)) ? $totalSent . ' cntr' : ''}}</b></p>
            <p style="margin: 0px;">Qtd Restante: <b>{{(isset($loadingRequest->containerQty)) ? (($loadingRequest->containerQty - $totalSent) . ' cntr') : ''}}</b></p>
        </div>

        <div id="commentsArea" class="row folha-interna4 col-lg-12 col-md-12 col-sm-12">
            <h3>Attachments / Comments <small>(Anexos / Comentários)</small></h3>
        </div>

        <div class="row folha-interna4 col-lg-12 col-md-12 col-sm-12 shadow p-3 mb-5 bg-white rounded">
            <div class="row col-lg-12 col-md-12 col-sm-12">
                <div class="col col-lg-8 col-md-8 col-sm-12 form-group {{ $errors->has('tipoPrincipal')? 'has-error':''}}" >
                    @php  $divAttachNumber = 1;  @endphp
                    @include('haulingProcess.form_attachments')

                    <div class="row col-lg-12 col-md-12 col-sm-12">
                        <ul>
                        @foreach($loadingRequest->anexo_types as $haulingProcessFiles)
                            @php  $divAttachNumber += 1;  @endphp
                            @if($haulingProcessFiles->pivot->stage <> 'HP1' )
                                @continue
                            @endif
                            <li>
                                <input type="checkbox" class="form-check-input" name="attachmentDestroy[{{$haulingProcessFiles->pivot->id}}][]">
                                <label class="form-check-label text-danger"><i class="fas fa-trash" title="Excluir anexo"></i></label class="form-check-label">
                                <small> - {{$haulingProcessFiles->descricao}} ({{$haulingProcessFiles->pivot->stage}})</small> -
                                <a href="/storage/{{$haulingProcessFiles->pivot->path . '/' . $haulingProcessFiles->pivot->nmAnexo}}" download>
                                    {{$haulingProcessFiles->pivot->nmAnexo}}
                                </a>
                            </li>
                        @endforeach
                        </ul>
                    </div>
                </div>

                <div class="col col-lg-4 col-md-4 col-sm-12 form-group {{ $errors->has('tipoPrincipal')? 'has-error':''}}" >
                    <label for="comment" class="w-100 control-label">Comments (Comentário)</label>
                    <textarea class="form-control " placeholder=" " name="comment" cols="50" rows="10" maxlength="500" id="comment"></textarea>
                </div>
            </div>
        </div>

        <div class="w-100 form-group">
            <div class="col-sm-offset-2 col-sm-10 text-right">
                <button type="submit" class="btn btn-padrao" onclick='submitDisable()'> Save </button>
                <button type="reset" class="btn btn-padrao" onClick="history.go(-1)"> Cancel </button>
                <a id="btnDownloadPDFStepFiles" href="{{route('haulingprocess.download',  [$haulingProcess->loading_requests_id ?? 0, 'step' => 'HP4', 'extension' => 'pdf' ])}}" class="btn btn-padrao {{isset($haulingProcess->id) ? '' : 'disabled'}}" role="button" aria-pressed="true">PDF Files <i class="fas fa-file-download"></i> </a>
                <a id="btnDownloadPDFStepFiles" href="{{route('haulingprocess.download',  [$haulingProcess->loading_requests_id ?? 0, 'step' => 'HP4', 'extension' => 'xml' ])}}" class="btn btn-padrao {{isset($haulingProcess->id) ? '' : 'disabled'}}" role="button" aria-pressed="true">XML Files <i class="fas fa-file-download"></i> </a>                
            </div>
        </div>
        @include('haulingProcess.comments')
    </form>
@endsection

@include('haulingProcess.script')

{{--Verificar com a Lu se ela quer usar essa lib--}}
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@10.11.1/dist/sweetalert2.all.min.js"></script>

<script>
    function loadData(fileInput, idInput1, myInputFile) {
        for (let i=0; i < ((fileInput.files).length); i++) {
            let file = fileInput.files[i];
            let fileURL = URL.createObjectURL(file);
            let req = new XMLHttpRequest();
            req.open('GET', fileURL);
            req.onload = function() {
                URL.revokeObjectURL(fileURL);
                populateData(this.responseXML, idInput1, myInputFile);
            };
            req.onerror = function() {
                URL.revokeObjectURL(fileURL);
                console.log('Error loading XML file.');
            };
            req.send();
        }
    }

    function populateData(xmlDoc, myElement1, myInputFile) {
        let root = xmlDoc.documentElement;
        if (root.querySelector('nCT')) {
            let x = root.querySelector('nCT');
            $('#' + myElement1).val(parseInt(x.textContent));
        }
        else {
            Swal.fire({
                icon: 'error',
                title: 'The selected file is not a valid XML file.',
                text: '',
                footer: 'Cannot find declaration of element "nCT"'
            })
            $('#' + myElement1).val('');
            $('#' + myInputFile).val('');
        }
    }

</script>

@include('haulingProcess.notification')