@extends('main')
@section('css')

@endsection

@section('content')
    <!-- Main content -->
    <section class="content">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Policy Detail</h3>

                <div class="card-tools">
                    <a href="#" class="btn btn-sm btn-danger">Cancel</a>

                    <a href="#" class="btn btn-sm btn-warning">Endorse</a>

                    <button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
                        <i class="fas fa-minus"></i>
                    </button>
                    <button type="button" class="btn btn-tool" data-card-widget="remove" title="Remove">
                        <i class="fas fa-times"></i>
                    </button>
                </div>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-12 col-md-12 col-lg-8 order-2 order-md-1">
                        <div class="row">
                            <div class="col-12 col-sm-3">
                                <div class="info-box bg-light">
                                    <div class="info-box-content">
                                        <span class="info-box-text text-center text-muted">Sum Insured</span>
                                        <span class="info-box-number text-center text-muted mb-0">{{number_format($vars['policy']?->singleRiskPolicy?->SumInsured)}}</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 col-sm-3">
                                <div class="info-box bg-light">
                                    <div class="info-box-content">
                                        <span class="info-box-text text-center text-muted">Premium + VAT</span>
                                        <span class="info-box-number text-center text-muted mb-0">{{number_format($vars['policy']?->singleRiskPolicy?->PremiumIncludingTax)}}</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 col-sm-3">
                                <div class="info-box bg-light">
                                    <div class="info-box-content">
                                        <span class="info-box-text text-center text-muted">Premium</span>
                                        <span class="info-box-number text-center text-muted mb-0">{{number_format($vars['policy']?->singleRiskPolicy?->PremiumExcludingTaxEquivalent)}}</span>
                                    </div>
                                </div>
                            </div>

                            <div class="col-12 col-sm-3">
                                <div class="info-box bg-light">
                                    <div class="info-box-content">
                                        <span class="info-box-text text-center text-muted">Amount Used</span>
                                        <span class="info-box-number text-center text-muted mb-0">{{number_format($vars['policy']?->singleRiskPolicy?->PremiumIncludingTax)}}</span>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="row">
                            <div class="col-12">
                                <h4>Tira Detail</h4>
                                <div class="post clearfix row">
                                    <div class="callout callout-success col-12 col-sm-6">
                                        <b>P. No:</b> <a class="float-right">@isset($vars['contract']?->policy){{$vars['contract']?->policyNumber->policy_no}}@endisset</a>
                                    </div>
                                    <div class="callout callout-success col-12 col-sm-6">
                                        <b>CNR.No: </b> <a class="float-right">@isset($vars['policy']){{$vars['policy']->CoverNoteReferenceNumber}}@endisset</a>
                                    </div>
                                    <div class="callout callout-success col-12 col-sm-6">
                                        <b>Sticker: </b> <a class="float-right">@isset($vars['policy']){{$vars['policy']?->StickerNumber}} @endisset</a>
                                    </div>
                                    <div class="callout callout-success col-12 col-sm-6">
                                        <b>Sticker: </b> <span class="float-right">@isset($vars['policy']){{$vars['policy']?->id}} @endisset</span>
                                    </div>
                                </div>

                                <div class="col-12 -mt-5">
                                    <p class="lead">Cover Detail</p>
                                    <div class="table-responsive">
                                        <table class="table">
                                            <tr >
                                                <th style="width:50%">Registration:</th>
                                                <td>{{$vars['cover']->RegistrationNumber}}</td>
                                            </tr>
                                            <tr class="-mt-2">
                                                <th>Chassis No</th>
                                                <td>{{$vars['cover']->ChassisNumber}}</td>
                                            </tr>
                                            <tr>
                                                <th>Model Number:</th>
                                                <td>{{$vars['cover']->ModelNumber}}</td>
                                            </tr>
                                            <tr>
                                                <th>BodyType:</th>
                                                <td>{{$vars['cover']->BodyType}}</td>
                                            </tr>
                                            <tr>
                                                <th style="width:50%">Color:</th>
                                                <td>{{$vars['cover']->Color}}</td>
                                            </tr>
                                            <tr>
                                                <th>EngineNumber : </th>
                                                <td>{{$vars['cover']->EngineNumber}}</td>
                                            </tr>
                                            <tr>
                                                <th>EngineCapacity:</th>
                                                <td>{{$vars['cover']->EngineCapacity}}</td>
                                            </tr>
                                            <tr>
                                                <th>FuelUsed:</th>
                                                <td>{{$vars['cover']->FuelUsed}}</td>
                                            </tr>

                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-12 col-lg-4 order-1 order-md-2">
                        <div class="col-12 text-muted text-center d-flex align-items-center justify-content-center">
                            <div class="">
                                <h2 style="color: #0e5b44"><strong>{{$vars['company']?->name}}</strong></h2>
                                <p class="text-sm">
                                    Client Company : <b>{{$vars['company']?->name}}</b> <br/>
                                    Company Type : <b >{{$vars['company']?->companyType?->name}}</b>  <br/>
                                    Issued By : <b >{{$vars['contract']?->createdBy?->name}}</b>  <br/>
                                </p>
                                <p class="text-sm -pt-5">Dar es salam, Tanzania NA<br> {{\App\Models\SysConfig::find(1)?->mob_no}} </p>
                            </div>
                        </div>



                        <div class="tab-pane pt-4" id="timeline">
                            <div class="timeline timeline-inverse">
                                <div class="time-label">
                                    <span class="bg-info">
                                      Customer Detail
                                    </span>
                                </div>

                                <div>
                                    <i class="fas fa-user bg-info"></i>
                                    <div class="timeline-item">
                                        <h3 class="timeline-header border-0"><a href="#">{{$vars['customer']?->PolicyHolderName}}</a></h3>
                                    </div>
                                </div>

                                <div>
                                    <i class="far fa-stack-exchange bg-gray"></i>
                                    <div class="timeline-item">
                                        <h3 class="timeline-header">{{$vars['customer']->Gender    }}</h3>
                                    </div>
                                </div>

                                <div>
                                    <i class="fas fa-envelope bg-primary"></i>
                                    <div class="timeline-item">
                                        <h3 class="timeline-header"> {{$vars['customer']->PolicyHolderPhoneNumber}}</h3>
                                    </div>
                                </div>
                                <div>
                                    <i class="fas fa-credit-card bg-purple"></i>
                                    <div class="timeline-item">
                                        <h3 class="timeline-header">{{$vars['customer']->PolicyHolderIdNumber}}</h3>
                                    </div>
                                </div>
                                <!-- END timeline item -->
                                <div>
                                    <i class="far fa-clock bg-gray"></i>
                                    <div class="timeline-item">
                                        <h3 class="timeline-header">{{Carbon\Carbon::parse($vars['customer']->PolicyHolderBirthDate)->format('Y M dD')}}</h3>
                                    </div>
                                </div>

                                <div>
                                    <i class="fas fa-comments bg-warning"></i>
                                    <div class="timeline-item">
                                        <h3 class="timeline-header"><a href="#">{{$vars['customer']?->PostalAddress}}</a></h3>

                                        <div class="timeline-body">
                                           <span class="d-block">{{$vars['customer']?->Street}}</span>

                                            {{$vars['customer']?->District}}
                                            {{$vars['customer']?->Region}}
                                        </div>
                                    </div>
                                </div>


                            </div>
                        </div>

                        <div class="text-center mt-5 mb-3">
                            <a href="{{url("/")}}/policy-schedule/{{$vars['contract']->uuid}}" class="btn btn-sm btn-warning">View Schedule</a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /.card-body -->
        </div>
        <!-- /.card -->

    </section>

@endsection


@section('js')
    <script type="text/javascript">

    </script>
@endsection