@extends('layout.padrao')
@section('content')
<div class ="row">
    <div class="col col-lg-12 col-md-12 col-sm-12">
        <h2 class="SOPTitle"> BOOKING SEARCH </h2>
        <div class="col col-lg-12 col-md-12 col-sm-12 sopSearchBackground">
            <h4 class="sopSearchTitle"> YOU CAN SEARCH FOR ANY BOOKING AND WHERE IT IS LOCATED: </h4>
            <form class="form-inline w-100 search-listas-int" method="GET" action="{{ route('bookingSearch','bookingSearch') }}">
                <input class="form-control mr-sm-2 text-primary" type="search" placeholder="Search for Booking by: SAOE, Client Fantasy Name, Product, Booking" name="bookingSearch" style="width: 38%!important;margin-left:25%;margin-top:1%" >   
                <button class="btn btn-primary" type="submit" style ="margin-top:1%;color:white;background-color:#1f3544 !important;border-color:#1f3544!important"><i class="fas fa-search"></i> Search</button>
            </form>
        </div>
    </div>
    <div class="col col-lg-12 col-md-12 col-sm-12">
        <div class="col col-lg-12 col-md-12 col-sm-12" style="background-color:#e8e8e8;padding-top:50px;padding-bottom:35px;padding-left:10px;margin: 0 auto">
            @include('include.filtro_result')
            @foreach($registers as $item)
            <div class ="col col-lg-12 text-center col-md-12 col-sm-12 sopCardDiv">
                <div class="card sopCard"> 
                    <div class="card-body">
                        <div class="col-lg-1 col-md-1 col-sm-1" style="height:74px">
                            <i class="fas fa-ship fa-3x" style="color:#ececec;position:absolute;top:32%;right:28%"></i>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-3" style="height:87px">
                            <h5 class="card-title" style="color:white;font-size:12px;text-align:left"><b>SAOE: </b>{{isset($item->SAOE) ? $item->SAOE : '-' }}</h5>
                            <h5 class="card-title" style="color:white;font-size:12px;text-align:left"><b>CLIENT: </b>{{ isset($item->clients->fantasyName) ? str_limit($item->clients->fantasyName, $limit = 10, $end = '...') : '-'  }}</h5>
                            <h5 class="card-title" style="color:white;font-size:12px;text-align:left"><b>PRODUCT: </b><td>{{isset($item->platforms->descricao)  ? $item->platforms->descricao  : ''}}</td></h5>
                            <h5 class="card-title" style="color:white;font-size:12px;text-align:left"><b>BOOKING: </b>{{isset($item->booking) ? $item->booking : '-' }}</h5>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-3" style="height:87px">
                            <h5 class="card-title" style="color:white;font-size:12px;text-align:left"><b>CARRIER: </b><td>{{isset($item->carriers->descricao) ? $item->carriers->descricao : '-'}}</td></h5>
                            
                            <h5 class="card-title" style="color:white;font-size:12px;text-align:left"><b>ETD POL: </b>{{$item->etaPol ? date( 'd-m-Y' , strtotime($item->etaPol)) : '-'}}</h5>
                            <h5 class="card-title" style="color:white;font-size:12px;text-align:left"><b>QTY x CONTAINER TYPE: </b><td>{{ (isset($item->container_types->descricao) ?  ($item->container_qty  .'x'.  $item->container_types->descricao) : '')}}</td></h5>
                        </div>
                        <div class="col-lg-2 col-md-2 col-sm-2" style="height:87px">
                            <h5 class="card-title" style="color:white;font-size:12px;text-align:left"><b>POL: </b>{{isset($item->code_of_ports1->place) ? $item->code_of_ports1->place : '-'}}</h5>
                            <h5 class="card-title" style="color:white;font-size:12px;text-align:left"><b>POD: </b>{{isset($item->loading_ports->descricao) ? $item->loading_ports->descricao : '-'}}</h5>
                            
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-3" style="height:87px">

                            <h5 class="card-title" style="color:white;font-size:15px;text-align:left;margin-top:10%"><b>LOCATED IN: </b>
                                @if($item->status == 'On Hold')
                                    <a href="{{ route('listLoading', ['tipo' => 'loading', 'loading_plan' => $item->SAOE])}}" style="color:white">
                                        OPERATIONAL DASHBOARD
                                    </a>
                                @elseif($item->status == 'Pending')
                                    <a href="{{ route('PendingList', ['tipo' => 'pending','loading_plan' => $item->SAOE])}}" style="color:white">
                                        PENDING LIST
                                    </a>
                                @elseif($item->status == 'Cancel')
                                    <a href="{{ route('listCancelledLoading', ['loading_plan' => $item->SAOE])}}" style="color:white">
                                        CANCELLED LIST
                                    </a>
                                @elseif($item->status == 'Shipped')
                                    <a href="{{ route('listLoadingConfirmation', ['tipo' => 'confirmation', 'loading_plan' => $item->SAOE])}}" style="color:white">
                                        SHIPPED LIST
                                    </a>
                                @elseif($item->status == 'Migration' || $item->status == 'Peter Pan')
                                    <a href="{{ route('allocationPosition', ['tipoAllocation' => 'allocation','booking' => $item->booking])}}" style="color:white">
                                        ALLOCATION POSITION
                                    </a>
                                @elseif($item->status == 'Transfer')
                                    <a href="{{ route('listCancelledLoading', ['loading_plan' => $item->booking])}}" style="color:white">
                                        BOOKING TRANSFERRED
                                    </a>
                                        
                                @endif

                            </h5>
                        </div>
                    </div>
                </div>
            </div>            
            @endforeach
        </div>
    </div>



</div>
@endsection