@extends('layout.padrao')
@section('title', 'Contract Status')
@section('content')

<!-- Defindo cores dos icones dos cards:

icone cinza claro:   class="icon-style-gray"
icone verde:         class="icon-style-green"
icone amarelo:       class="icon-style-yellow"
icone vermelho:      class="icon-style-red"  

-->

@include('contractDetails.contractConfirmation.filter')

<div class="row folha-interna shadow col col-lg-12 col-sm-12 col-md-12 justify-content-center align-items-center rounded" style="min-height:initial; background: #f9f9f9 !important;">
    <div class="col">
        <div class="row align-items-center" style="margin-left: 3%; margin-right: 3%;">

            <!-- Criando os cards -->
            @foreach($registers as $key => $item)
                <div class="colCardStyle">
                    <div class="card shadow contractBlocks">
                        <div class="card-header contract-card-header-color">
                            <div class="row cardRowTitleMargin">
                                <div class="col">
                                    <label class="normalFontCard" id="descriptionCard" name="descriptionCard[]">{{ $item->clients->name?? null}}</label>
                                    <div class="squareRefCard">
                                        <label class="normalFontCard refCard">Ref.
                                            <id class="normalFontCard" id="refLabel" name="refLabel[]">{{$item->contract_details_reference?? null}}</id>
                                        </label>
                                    </div>
                                </div>
                                <div class="col-1 bell-icon-card">
                                    <i class="fas fa-bell icon-style-{{($item->contractsSenttoBuyer == null ? 'red' : ($item->receivedSignedContract == null ? 'yellow' : 'green'))}}" ></i>
                                </div>
                            </div>
                        </div>
                        <div class="card-body colorOfCardBody">
                            <div class="row">
                                <div class="col">
                                    <h5 class="card-title marginContentTitleCard">
                                        Contract Sent? <i class="fas fa-check icon-style-{{ $item->contractsSenttoBuyer == null ? 'gray' : 'green'}} icon-size-card"   data-toggle="modal" data-target="#add" onclick="showContract({{$item->id}});" title="View" alt="Contract Info" style="cursor: pointer;"></i>
                                    </h5>
                                </div>

                                <div class="w-100"></div>
                                <div class="col" style="height:8px">
                                    <h6 class="card-subtitle mb-2 text-muted contract-clockIconCard"> <i class="far fa-clock"></i>
                                        <label class="contract-dateCard normalFontCard" name="contract-dateCard">{{ (isset($item->contractsSenttoBuyer) && $item->contractsSenttoBuyer != null ? date_format((date_create($item->contractsSenttoBuyer)),"d.m.Y") : '-')}}</label>
                                    </h6>
                                </div>

                                <div class="w-100"></div>
                                <div class="col" style="height:25px">
                                    <!-- linha divisoria -->
                                    <hr class="dashedLineCard">
                                </div>
                                <div class="w-100"></div>
                                <div class="col">
                                    <h5 class="card-title marginContentTitleCard">Signed Contract Received?
                                        @if($item->receivedSignedContract == null)
                                        {{-- <a class="icone-padding " data-toggle="modal" data-target="#bookingRequest" href="#"  alt="Contract Info" data-placement="top" title="View"></a> --}}

                                            <i class="bi bi-dash-circle icon-size-card icon-style-{{ $item->contractsSenttoBuyer == null ? 'gray' : 'red'}}"  data-toggle="modal" data-target="#add" onclick="showContract({{$item->id}});" title="View" alt="Contract Info" style="cursor: pointer;"></i>
                                        @else
                                            <i class="fas fa-check icon-size-card icon-style-green" data-toggle="modal" data-target="#add" onclick="showContract({{$item->id}});" title="View" alt="Contract Info" style="cursor: pointer;"></i>
                                        @endif
                                        
                                    </h5>
                                </div>

                                <div class="w-100"></div>
                                <div class="col" style="height:8px">
                                    @if($item->receivedSignedContract <> null)
                                        <h6 class="card-subtitle mb-2 text-muted contract-clockIconCard"> <i class="far fa-clock"></i>
                                            <label class="contract-dateCard normalFontCard" name="contract-dateCard">{{ date_format(date_create($item->receivedSignedContract),"d.m.Y") }}</label>
                                        </h6>
                                        @endif
                                </div>

                                <div class="w-100"></div>
                                <div class="col footerCard-Contract">
                                    @if (App\Http\Controllers\ContractDetailsController::checkBL($item->id))
                                        <a title="Export BL" href="{{ route('contractDetailProcess.download', [$item->id,'BL']) }}" class="btn" style="padding:0px;">
                                            <i class="fas fa-file-alt icon-download-card" style="color:#2a6496; " alt="Contract Download"></i>
                                        </a>
                                    @else
                                        <i class="fas fa-file-alt icon-download-card" style="color:#707070; " alt="Contract Download"></i>

                                    @endif
                                   
                                    
                                    <a class="btn" href="{{ route('contractDetailProcess.download', [$item->id,'ALL']) }}"  title="Download all Files" style="padding:0px;">
                                        <i class="fas fa-download" style="color:#2a6496;"></i>
                                    </a>
                                  
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach

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

@include('contractDetails.contractConfirmation.modal_contractConfirmation', ["formulario" => "contract"])
<script>
     $(function(){
            $("#searchclearSelect2").click(function(){
                $('[name="buyers_id"]').val(null);
                $('[name="loading_ports_id"]').val(null);
                $('[name="contractIssueDate"]').val(null);
                $('[name="port_destinations"]').val(null);
                $('[name="platforms_id"]').val(null);
                $('[name="brokers_id"]').val(null);
                $('[name="contractIssueDate"]').val(null);
                $('[name="shippingPeriodFrom"]').val(null);
                $('[name="shippingPeriodTo"]').val(null);
               
                $("#contractStatusForm").submit();
            });
        });
</script>
@endSection