@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">Personal Accident</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 - Personal Accident 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>Transaction ID</td>
                        <td>Group Transaction Code</td>
                        <td>Issued Date</td>
                        <td>Group Policy Holder</td>
                        <td>Master Policy No.</td>
                        <td>COC No.</td>
                        <td>Insured</td>
                        <td>Email Address</td>
                        <td>Beneficiary</td>
                        <td>Relationship</td>
                        <td>From</td>
                        <td>To</td>
                        <td>Vessel</td>
                        <td>Departure Date / Time</td>
                        <td>Amount</td>
                        <td>Is Cancel?</td>
                        <td>Action</td>
                    </tr>
                    </thead>
                    <tbody>
                    @forelse($pa as $gpa)
                    <tr>
                        <td><span class="text-primary"><b>{{ $gpa->transaction_id }}</b></span></td>
                        <td><span class="text-danger"><b>{{ $gpa->group_transaction_id }}</b></span></td>
                        <td>{{ date('M j, Y h:i A',strtotime($gpa->created_at)) }}</td>
                        <td>{{ $gpa->groupPolicy_holder }}</td>
                        <td>{{ $gpa->masterpolicy_no }}</td>
                        <td>{{ str_pad($gpa->coc_no,10,"0",STR_PAD_LEFT) }}</td>
                        <td>{{ $gpa->first_name.' '.$gpa->middle_name.' '.$gpa->last_name }}</td>
                        <td>{{ $gpa->email_address }}</td>
                        <td>{{ $gpa->beneficiary }}</td>
                        <td>{{ $gpa->relationship }}</td>
                        <td>{{ $gpa->from }}</td>
                        <td>{{ $gpa->to }}</td>
                        <td>{{ $gpa->vessel }}</td>
                        <td>{{ date('M j, Y',strtotime($gpa->departure_date)).' / '.date('h:i A',strtotime($gpa->departure_time)) }}</td>
                        <td>&#8369;{{ number_format($gpa->amount,2,".",",") }}</td>
                        <td>{{ $gpa->cancel }}</td>
                        <td>
                            <a href="{{ url('pa-policies/pdf/'.$gpa->security_code) }}" target="_blank" class="btn btn-primary">View</a>
                            <a href="{{ url('pa-policies/endorsement/'.$gpa->security_code) }}"  class="btn btn-primary">Endorsement</a>
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="17">No data available.</td>
                    </tr>
                    @endforelse
                    </tbody>
                </table>
                {!! $pa->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();
            console.log(value);
            $.ajax({
                type : 'get',
                url : '{{ URL::to('search') }}',
                data:{'search': value, 'type': 'gpa' },
                success:function(data){
                    $('tbody').html(data);
                }
            });
        });
    });
</script>

@extends('layouts.footer')