@extends('base')
@section('extracss')
    <style>
        th>input {
            width: fit-content;

        }

    </style>
@endsection
@section('content')
    @include('sessions')
    @php
    function format_name_field($text)
    {
        return implode(' ', explode('_', strtoupper($text)));
    }
    @endphp
    <form method="POST" action="{{ route('file.guardarGuiaArea') }}"
        style="display: grid;grid-template-columns:1fr 1fr; column-gap:10px;">
        @csrf
        <input type="hidden" name="file_id" value="{{ $file_id }}">
        <div class="form-group">
            <label for="">{{ format_name_field('shipper_name_and_address') }}</label>
            <input type="text" name="shipper_name_and_address" class="form-control"
                value="{{ $guia_area ? $guia_area->shipper_name_and_address : '' }}">
        </div>

        <div class="form-group">
            <label for="">{{ format_name_field('shipper_account_number') }}</label>
            <input type="text" name="shipper_account_number" class="form-control"
                value="{{ $guia_area ? $guia_area->shipper_account_number : '' }}">
        </div>
        <div class="form-group">
            <label for="">{{ format_name_field('not_negociable') }}</label>
            <input type="text" name="not_negociable" class="form-control"
                value="{{ $guia_area ? $guia_area->not_negociable : '' }}">
        </div>
        <div class="form-group">
            <label for="">{{ format_name_field('consignee_name_and_address') }}</label>
            <input type="text" name="consignee_name_and_address" class="form-control"
                value="{{ $guia_area ? $guia_area->consignee_name_and_address : '' }}">
        </div>
        <div class="form-group">
            <label for="">{{ format_name_field('consignee_account_number') }}</label>
            <input type="text" name="consignee_account_number" class="form-control"
                value="{{ $guia_area ? $guia_area->consignee_account_number : '' }}">
        </div>
        <div class="form-group">
            <label for="">{{ format_name_field('carrier_agent_name_and_city') }}</label>
            <input type="text" name="carrier_agent_name_and_city" class="form-control"
                value="{{ $guia_area ? $guia_area->carrier_agent_name_and_city : '' }}">
        </div>
        <div class="form-group">
            <label for="">{{ format_name_field('agent') }}</label>
            <input type="text" name="agent" class="form-control" value="{{ $guia_area ? $guia_area->agent : '' }}">
        </div>
        <div class="form-group">
            <label for="">{{ format_name_field('account_no') }}</label>
            <input type="text" name="account_no" class="form-control"
                value="{{ $guia_area ? $guia_area->account_no : '' }}">
        </div>
        <div class="form-group">
            <label for="">{{ format_name_field('airport_of_departure') }}</label>
            <input type="text" name="airport_of_departure" class="form-control"
                value="{{ $guia_area ? $guia_area->airport_of_departure : '' }}">
        </div>
        <div class="form-group">
            <label for="">{{ format_name_field('by_first_carrier') }}</label>
            <input type="text" name="by_first_carrier" class="form-control"
                value="{{ $guia_area ? $guia_area->by_first_carrier : '' }}">
        </div>
        <div class="form-group">
            <label for="">{{ format_name_field('airport_of_destination') }}</label>
            <input type="text" name="airport_of_destination" class="form-control"
                value="{{ $guia_area ? $guia_area->airport_of_destination : '' }}">
        </div>
        <div class="form-group">
            <label for="">{{ format_name_field('flights_date') }}</label>
            <input type="date" name="flights_date" class="form-control"
                value="{{ $guia_area ? $guia_area->flights_date : '' }}">
        </div>
        <div class="form-group">
            <label for="">{{ format_name_field('currency') }}</label>
            <input type="text" name="currency" class="form-control"
                value="{{ $guia_area ? $guia_area->currency : '' }}">
        </div>
        <div class="form-group">
            <label for="">{{ format_name_field('declared_value_for_customs') }}</label>
            <input type="number" name="declared_value_for_customs" class="form-control"
                value="{{ $guia_area ? $guia_area->declared_value_for_customs : '' }}">
        </div>
        <div class="form-group">
            <label for="">{{ format_name_field('also_notify') }}</label>
            <input type="text" name="also_notify" class="form-control"
                value="{{ $guia_area ? $guia_area->also_notify : '' }}">
        </div>
        <div class="form-group">
            <label for="">{{ format_name_field('other_changes') }}</label>
            <input type="text" name="other_changes" class="form-control"
                value="{{ $guia_area ? $guia_area->other_changes : '' }}">
        </div>
        <div class="form-group">
            <label for="">{{ format_name_field('executed_on') }}</label>
            <input type="text" name="executed_on" class="form-control"
                value="{{ $guia_area ? $guia_area->executed_on : '' }}">
        </div>
        <div class="" style="grid-column: span 2;">
            <button type="submit" class="btn btn-success mx-auto">Guardar</button>
        </div>
    </form>
    <hr>
    <form action="{{ route('file.guardarDetalleGuiaAerea') }}" method="POST">
        @csrf
        <input type="hidden" name="guia_area_id" value="{{ $guia_area ? $guia_area->id : 'disabled' }}">
        <table class="table table-striped">
            <thead>
                <tr>
                    <th style="text-transform: capitalize;"> no of <br> places RCP</th>
                    <th style="text-transform: capitalize;"> gross weight </th>
                    <th style="text-transform: capitalize;"> commodity <br>item no</th>
                    <th style="text-transform: capitalize;"> chargeable weight </th>
                    <th style="text-transform: capitalize;"> rate / charge </th>
                    <th style="text-transform: capitalize;"> total</th>
                    <th style="text-transform: capitalize;"> nature and <br> quantity of goods</th>
                    <th></th>
                </tr>
                <tr>
                    <th><input type="number" class="form-control" name="no_of_places_RCP"></th>
                    <th><input type="number" step="0.01" class="form-control" name="gross_weight"></th>
                    <th><input type="number" class="form-control" name="commodity_item_no"></th>
                    <th><input type="number" step="0.01" class="form-control" name="chargeable_weight"></th>
                    <th><input type="number" step="0.01" class="form-control" name="rate_charge"></th>
                    <th><input type="number" step="0.01" class="form-control" name="total"></th>
                    <th><input type="text" class="form-control" name="nature_and_quantity_of_goods"></th>
                    <th><button type="submit" class="btn btn-success" {{ $guia_area ? '' : 'disabled' }}>Guardar</button>
                    </th>
                </tr>
            </thead>
            <tbody>
                @foreach ($detalles as $det)
                    <tr>
                        <td> {{ $det->no_of_places_RCP }}</td>
                        <td> {{ $det->gross_weight }}</td>
                        <td> {{ $det->commodity_item_no }}</td>
                        <td> {{ $det->chargeable_weight }}</td>
                        <td> {{ $det->rate_charge }}</td>
                        <td> {{ $det->total }}</td>
                        <td> {{ $det->nature_and_quantity_of_goods }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </form>
@endsection