@extends('layouts.app')

@section('content')
<div class="col-12">

</div>
<div class="col-12">
    <div class="card card-chart">
        <div class="card-header">
            <h5 class="title mb-0">Policy</h5>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb"style="background-color: white; padding-left: 2px">
                    <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
                    <li class="breadcrumb-item"><a href="{{ route('policy') }}">Policies</a></li>
                    <li class="breadcrumb-item active" aria-current="page">
                        @if($policy->is_personnel)

                        {{ $policy->first_name . ' ' . $policy->last_name }}

                        @else

                        {{ $policy->plate }}

                        @endif
                    </li>
                </ol>
            </nav>
            <div class="dropdown">
              <button type="button" class="btn btn-round btn-outline-default dropdown-toggle btn-simple btn-icon no-caret" data-toggle="dropdown">
                <i class="now-ui-icons loader_gear"></i>
              </button>
              <div class="dropdown-menu dropdown-menu-right">
                <a class="dropdown-item" href="{{ route('policy.edit', [ 'id' => $policy->id ]) }}">Update</a>
                {{-- <a class="dropdown-item" href="{{ route('vehicle.delete', [ 'id' => $vehicle->id ]) }}">Delete</a> --}}
              </div>
            </div>
        </div>
        <div class="card-body">
            <div class="row">

                <div class="col-12 mb-2">
                    <strong>Policy Owner</strong>
                </div>

                @if($policy->is_personnel)

                <div class="col-4">
                    <small class="text-secondary">First Name</small>
                    <h5 class="ml-3">{{ $policy->first_name}} {{ $policy->last_name}}</h5>
                </div>
                <div class="col-6">
                    <small class="text-secondary">Remarks</small>
                    <p class="ml-3">{{ $policy->owner_remarks}}</p>
                </div>

                @else

                <div class="col-4">
                    <small class="text-secondary">Plate</small>
                    <h5 class="ml-3">{{ $policy->plate . ' - ' . $policy->cr_number }}</h5>
                </div>
                {{-- <div class="col-4">
                    <small class="text-secondary">C.R. No.</small>
                    <h5 class="ml-3">{{ $policy->cr_number}}</h5>
                </div> --}}
                <div class="col-6">
                    <small class="text-secondary">Remarks</small>
                    <p class="ml-3">{{ $policy->owner_remarks}}</p>
                </div>

                @endif

                <div class="col-12 mb-2 mt-4">
                    <strong>Policy Information</strong>
                </div>

                <div class="col-4">
                    <small class="text-secondary">Provider</small>
                    <p class="ml-3">{{ $policy->company_name }}</p>
                </div>
                <div class="col-4">
                    <small class="text-secondary">Category</small>
                    <p class="ml-3">{{ $policy->category }}</p>
                </div>
                <div class="col-4">
                    <small class="text-secondary">Product</small>
                    <p class="ml-3">{{ $policy->product_name }}</p>
                </div>
                <div class="col-4">
                    <small class="text-secondary">Policy Number</small>
                    <p class="ml-3">{{ $policy->policy_number }}</p>
                </div>
                <div class="col-4">
                    <small class="text-secondary">Issuance Date</small>
                    <p class="ml-3">{{ $policy->issuance_date }}</p>
                </div>
                <div class="col-4">
                    <small class="text-secondary">Effectivity Date</small>
                    <p class="ml-3">{{ $policy->effectivity_date }}</p>
                </div>
                <div class="col-4">
                    <small class="text-secondary">Renewal Date</small>
                    <p class="ml-3">{{ $policy->renewal_date }}</p>
                </div>
                <div class="col-4">
                    <small class="text-secondary">Expiration Date</small>
                    <p class="ml-3">{{ $policy->expiration_date }}</p>
                </div>
                <div class="col-4">
                    <small class="text-secondary">Status</small>
                    <p class="ml-3">
                        @if( $now >= $policy->expiration_date)
                            Expired
                        @elseif( $now >= $policy->renewal_date)
                            Renewal
                        @else
                            Active
                        @endif
                    </p>
                </div>
                <div class="col-12">
                    <small class="text-secondary">Remarks</small>
                    <p class="ml-3">{{ $policy->remarks }}  {{ $now }}</p>
                </div>
            </div>
        </div>
        <div class="card-footer">
        </div>
    </div>
</div>

@endsection
@section('script')
  <script>

    let deleteProductId;
    function deleteProduct(id, name) {
        deleteProductId = id
        $('#lblProductName').html(name)
        $('#mdlDelete').modal('show')
    }


    function confirmDeleteBank() {
        $.ajax({
            url : "{{ route('insuranceproduct.delete') }}",
            data: {
                '_token': '{{ csrf_token() }}',
                'id': deleteProductId,
            },
            type: 'post',
            dataType: 'json',
            success: function( result )
            {
                let row = document.getElementById('trp'+ result.deletedID);
                row.parentNode.removeChild(row);
                $('#mdlDelete').modal('hide')
            },
            error: function(error)
            {
                notif.showNotification('top','right', 'danger', 'Something went wrong the record was not updated')
            }
        });
    }

  </script>

@endsection