@extends('layouts.header')

@section('content')

<div class="row">
    <div class="col-md-12 grid-margin">
        <div class="d-flex justify-content-between flex-wrap">
        <div class="d-flex align-items-end flex-wrap">
            <div class="mr-md-3 mr-xl-5">
            <h2>Issuances</h2>
            <div class="d-flex">
            <i class="mdi mdi-home text-muted hover-cursor"></i>
            <p class="text-muted mb-0 hover-cursor">&nbsp;/&nbsp;Issuances&nbsp;/&nbsp;</p>
            <p class="text-primary mb-0 hover-cursor">Marine Loose Cargo</p>
            </div>
            </div>
            
        </div>
        {{--  <div class="d-flex justify-content-between align-items-end flex-wrap">
            <button class="btn btn-primary mt-2 mt-xl-0">Generate report</button>
        </div>  --}}
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-12 stretch-card">
        <div class="card">
        <div class="card-body">
            <div class="row">
                <div class="col-md-7">
                    <p class="card-title">Issuances - Marine Loose Cargo Policy</p>
                </div>
                <div class="col-md-1">
                    <label style="font-size:14px;margin: 0;position: absolute;top: 30%;">Search here:</label>
                </div>
                <div class="col-md-4">
                    <input type="text" class="form-control input-sm" id="search" name="search" placeholder="Group Transaction Code, Transaction ID or Insured">
                </div>
            </div>
            <div class="table-responsive">
            <table id="recent-purchases-listing" class="table">
                <thead>
                <tr>
                    <td>Issued Date</td>
                    <td>Group Transaction Code</td>
                    <td>Transaction ID</td>
                    <td>Policy Holder</td>
                    <td>Master Policy No.</td>
                    <td>COC No.</td>
                    <td>Insured</td>
                    <td>Email Address</td>
                    <td>Description</td>
                    <td>From</td>
                    <td>To</td>
                    <td>Vessel</td>
                    <td>Departure Date / Time</td>
                    <td>Insurance Amount</td>
                    <td>Amount</td>
                    <td>Is Cancel?</td>
                    <td>Action</td>
                </tr>
                </thead>
                <tbody>
                @forelse($cgos as $cgo)
                <tr>
                    <td><span class="text-primary"><b>{{ $cgo->transaction_id }}</b></span></td>
                    <td><span class="text-danger"><b>{{ $cgo->group_transaction_id }}</b></span></td>
                    <td>{{ date('M j, Y h:i A',strtotime($cgo->created_at)) }}</td>
                    <td>{{ $cgo->policy_holder }}</td>
                    <td>{{ $cgo->masterpolicy_no }}</td>
                    <td>{{ str_pad($cgo->coc_no,10,"0",STR_PAD_LEFT) }}</td>
                    <td>{{ $cgo->first_name.' '.$cgo->middle_name.' '.$cgo->last_name }}</td>
                    <td>{{ $cgo->email_address }}</td>
                    <td>{{ $cgo->description }}</td>
                    <td>{{ $cgo->from }}</td>
                    <td>{{ $cgo->to }}</td>
                    <td>{{ $cgo->vessel }}</td>
                    <td>{{ date('M j, Y',strtotime($cgo->departure_date)).' / '.date('h:i A',strtotime($cgo->departure_time)) }}</td>
                    <td>&#8369;{{ number_format($cgo->insurance_amount,2,".",",") }}</td>
                    <td>&#8369;{{ number_format($cgo->amount,2,".",",") }}</td>
                    <td>{{ $cgo->cancel }}</td>
                    <td>
                        <a href="{{ url('marine-loose-cargo-policies/pdf/'.$cgo->security_code) }}" target="_blank" class="btn btn-primary">View</a>
                        <a href="{{ url('marine-policies/endorsement/'.$cgo->security_code) }}"  class="btn btn-primary">Endorsement</a>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="13">No data available.</td>
                </tr>
                @endforelse
                </tbody>
            </table>
            {!! $cgos->links() !!}
            </div>
        </div>
        </div>
    </div>
</div>
@endsection

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $('#search').on('keyup', function(){
            var value = $(this).val();
            $.ajax({
                type : 'get',
                url : '{{ URL::to('search') }}',
                data:{'search': value, 'type': 'loosecargo' },
                success:function(data){
                    $('tbody').html(data);
                }
            });
        });
    });
</script>

@extends('layouts.footer')