@extends('layout.padrao')
@section('content')
@section('title', 'Spot Sales Viewer')

<img src="{!! asset('/image/csa_Logo78x74.png') !!}" class="logoForm">

<div class="col-lg-12 col-sm-12 col-md-12 folha-interna shadow folha-branca-contornada rounded margin-bottom-15 padding-15" style="min-height: auto !important">

    <div class="row">

            <div class="col-lg-4 col-md-12  col-sm-12 margin-bottom-15">
                <label for="salesNumberTxt">Sales Number</label>
                <input type="text" id="salesNumberTxt" name="salesNumberTxt" class="form-control disabled-field" value="{{$spotSale->getFullSalesNumber()}}">
            </div>

            <div class="col-12 col-lg-12 col-md-12 col-sm-12">
                <div class="row">
                    <div class="col-12 display-flex justify-content-center">
                        <div class="sep-line3"></div>
                    </div>

                    <div class="col-lg-6 col-md-12 col-sm-12 margin-bottom-15 flexRow">
                        <div class="row">
                            <div class="col-lg-12 col-md-12 col-sm-12 margin-bottom-15">
                                <label for="clientInput">Client</label>
                                {!! Form::select('clients_id',[''=>'-- Select Required --']+$select['clients_fantasyName_id'], ($spotSale->clients_id ?? null), ['class' => 'form-control', 'required' => 'required', 'readonly']) !!}
                            </div>
                            <div class="col-lg-12 col-md-12 col-sm-12 margin-bottom-15">
                                <label for="salesPersonInput">Sales Person</label>
                                {!! Form::select('usuarios_id',[''=>'-- Select Required --']+$select['usuariosCSA_id'],  ($spotSale->usuarios_id ?? null), ['class' => 'form-control', 'readonly']) !!}
                            </div>
                            <div class="col-lg-12 col-md-12 col-sm-12 margin-bottom-15">
                                <label for="clientDetailsTxt">Client Full Details</label>
                                <textarea name="clientDetailsTxt" id="clientDetailsTxt" class="form-control textsArea " disabled cols="30" rows="10" style="height:100px">{{$spotSale->loadingRequest->clients->address ?? ''}}
                                  {{$spotSale->loadingRequest->clients->phone1 ?? ''}}
                                  {{$spotSale->loadingRequest->clients->CNPJ ?? ''}}
                                </textarea>
                            </div>
                        </div>
                    </div>

                    <div class="col-1 d-sm-none d-md-block display-flex justify-content-center">
                        <div class="verticalLineGray"></div>
                    </div>

                    <div class="col-lg-5 col-md-12 col-sm-12 margin-bottom-15 flexRow">
                        <div class="row">
                            <div class="col-lg-12 col-md-12 col-sm-12 margin-bottom-15 flexRow">
                                <span class="spanLarge">Profit </span>
                                <input type="text" id="valueProfitInput" name="valueProfitInput" readonly class="form-control disabled-field" data-prefix="USD " value={{ ($spotSale->getProfit() ?? null)}}>
                            </div>

                            <div class="w-100"></div>

                            <div class="col-lg-12 col-md-12 col-sm-12 margin-bottom-15 flexRow ">
                                <span class="spanLarge">Carrier </span>
                                {!! Form::select('carriers_id',[''=>'-- Select Required --']+$select['carriers_id'],  ($spotSale->carriers_id ?? null), ['class' => 'form-control', 'readonly']) !!}
                            </div>

                            <div class="w-100"></div>

                            <div class="col-lg-12 col-md-12 col-sm-12 margin-bottom-15 flexRow">
                                <span class="spanLarge">Equipment Type </span> 
                                {!! Form::select('container_types_id',[''=>'-- Select Required --']+$select['containerTypes_id'],  ($spotSale->container_types_id ?? null), ['class' => 'form-control', 'readonly']) !!}
                            </div>

                            <div class="w-100"></div>

                            <div class="col-lg-12 col-md-12 col-sm-12 margin-bottom-15 flexRow ">
                                <span class="spanLarge">Qty </span>
                                <input type="number" min="1" id="qtyInput" name="quantity" readonly class="form-control" value="{{($spotSale->quantity ?? null)}}" onchange="calcProfit()">
                            </div>

                           
                            <div class="w-100"></div>

                            <div class="col-lg-12 col-md-12 col-sm-12 margin-bottom-15  flexRow ">
                                <span class="spanLarge">Sale </span>
                                <input type="text" min="0" id="saleInput" name="sale_price" readonly class="form-control" data-thousands="." data-decimal="," data-prefix="USD " onchange="calcProfit()" value="{{($spotSale->sale_price ?? null)}}">
                            </div>

                            <div class="w-100"></div>

                            <div class="col-lg-12 col-md-12 col-sm-12 flexRow">
                                <span class="spanLarge">Buy </span>
                                <input type="text" min="0" id="buyInput" name="purchase_price" readonly class="form-control" data-thousands="." data-decimal="," data-prefix="USD " onchange="calcProfit()" value="{{($spotSale->purchase_price ?? null)}}">
                            </div>


                        </div>
                    </div>

                    <div class="col-12 display-flex justify-content-center">
                        <div class="sep-line3"></div>
                    </div>
                    
                    <div class="col-lg-12 col-md-12 col-sm-12 margin-bottom-15">
                        <div class="row flexRow">

                            <!-- Booking Information -->
                            <div class="w-100"></div>
                            <div class="col-12 " id="bookingInformation">
                                <div class="row display-flex justify-content-center bookingInformation">
                                    <div class="col-lg-6 col-sm-12 col-md-12 folha-azul margin-bottom-15 margin-top-15">
                                        <div class="row">
                                            <div class="col align-items-center">
                                                <h4>Booking Information</h4>
                                            </div>
                                            <div class="w-100"></div>
                                            <div class="col-12 display-flex justify-content-center">
                                                <div class="sep-line3 bookingCard"></div>
                                            </div>

                                            <div class="col-lg-6 col-md-12 col-sm-12">
                                                <label for="clients_id_booking_info">Client:</label>
                                                <span id="clients_id_booking_info" name="clients_id">{{$spotSale->loadingRequest->clients->fantasyName ?? ''}}</span>
                                                </br>

                                                <label for="booking_id_booking_info">Booking:</label>
                                                <span id="booking_id_booking_info" name="booking_id">{{$spotSale->loadingRequest->booking ?? ''}}</span>
                                                </br>

                                                <label for="platforms_id_booking_info">Product:</label>
                                                <span id="platforms_id_booking_info" name="platforms_id">{{$spotSale->loadingRequest->platforms->descricao ?? ''}}</span>
                                                </br>

                                                <label for="carrier_id_booking_info">Carrier:</label>
                                                <span id="carrier_id_booking_info" name="carrier_id">{{$spotSale->loadingRequest->carriers->fantasyName ?? ''}}</span>
                                                <span> - </span>
                                                <label for="vessel_id_booking_info">Vessel:</label>
                                                <span id="vessel_id_booking_info" name="vessel_id">{{$spotSale->vessel->descricao ?? ''}}</span>
                                                <span> - </span>
                                                <label for="voyage_id_booking_info">Voyage:</label>
                                                <span id="voyage_id_booking_info" name="voyage_id">{{$spotSale->loadingRequest->voyage ?? ''}}</span>
                                                </br>

                                                <label for="portDestination_id_booking_info">Destination Port:</label>
                                                <span id="portDestination_id_booking_info" name="portDestination_id">{{$spotSale->loadingRequest->code_of_ports1->code ?? ''}}</span>

                                            </div>

                                            <div class="col-lg-6 col-md-12 col-sm-12 secondPart">
                                                <label for="blDate_id_booking_info">BL Date:</label>
                                                <span id="blDate_id_booking_info" name="blDate_id">{{$spotSale->loadingRequest->latest_loading_confirmations->BlDate ?? ''}}</span>
                                                </br>

                                                <label for="blNumber_id_booking_info">BL Nº:</label>
                                                <span id="blNumber_id_booking_info" name="blNumber_id">{{$spotSale->loadingRequest->latest_loading_confirmations->BlNumber ?? ''}}</span>

                                                </br>

                                                <label for="loadingPorts_id_booking_info">POL:</label>
                                                <span id="loadingPorts_id_booking_info" name="loadingPorts_id">{{$spotSale->loadingRequest->loading_ports->code ?? ''}}</span>

                                                </br>

                                                <label for="qtyEquipments_id_booking_info">Qty Equipments:</label>
                                                <span id="qtyEquipments_id_booking_info" name="qtyEquipments_id">{{$spotSale->loadingRequest->containerQty ?? ''}}</span>
                                                </br>

                                                <label for="containerTypes_id_booking_info">Equipment Type:</label>
                                                <span id="containerTypes_id_booking_info" name="containerTypes_id">{{$spotSale->loadingRequest->container_types->descricao ?? ''}}</span>

                                                </br>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                        </div>


                        
                    </div>



                    <div class="col-lg-12 col-md-12 col-sm-12">
                        <label for="addCommentsTxt">Additional Comments</label>
                        <textarea name="comments" id="addCommentsTxt" readonly class="form-control textsArea" cols="30" rows="10" style="height:55px">{{$spotSale->comments ?? ''}}</textarea>
                    </div>

                    <div class="w-100"></div>
                    <div class="col-12 col-lg-12 col-md-12 col-sm-12 margin-bottom-15 margin-top-15 display-flex justify-content-end">
                        <a class="btn btn-blue" href="{{url()->previous()}}">Back</a>
                    </div>
                </div> 
            </div>

    </div>
</div>




@include('bibliotecas.maskMoney')
@include('spotSales.style')
@include('spotSales.script')
@endsection