@extends('front.layouts.account')
<?php
$title = 'My Package';
$customerTypes = Config("params.customer_types");
$currency = Config("params.currency");
?>
@include('front/common/meta')
@section('content')

<div class="col-lg-8 px-lg-5 shadow py-lg-5 py-3">

    @if(isset($model))
    <div class="package package-header-bg-three text-white p-4 row no-gutters">
        <div class="col-md-6 text-md-left text-center">
            <h3 class="m-md-0"><?php echo ucfirst($package["title"]) ?> Cover Plan</h3>
        </div>
        <div class="col-md-6 text-md-right text-center">
            <span class="h3">{{$currency["symbol"]}}{{numberformat($model->transaction->total)}}</span>
        </div>

    </div>
    <div class="form-row mt-4">
        <div class="col-md-3 mb-lg-4 mb-3">
            <strong class="d-block mb-2">How Do You Pay ?</strong>
            <span class="bg-gradiat-color py-1 d-inline-block rounded-lg btn-lg text-white px-5"><?php echo ucfirst($type) ?></span>
        </div>
        <div class="col-md-4 mb-lg-4 mb-3">
            <strong class="d-block mb-2">Call Out Fee</strong>
            <span class="bg-light py-1 d-inline-block rounded-lg btn-lg d-block"><?php echo $excess->title; ?></span>
        </div>
        <div class="col-md-12 mb-lg-5 mb-3">
            <div class="bg-black rounded-lg p-2 text-center text-white">
                <strong class="text-uppercase">What's Covered</strong>
            </div>
        </div>
    </div>
    <div class="row">
        <?php foreach ($facilities as $facility) { ?>
            <div class="col-md-4 mb-lg-5 mb-3">
                <i class="fas fa-check text-primary"></i> <strong><?php echo $facility->title; ?></strong>
            </div>
        <?php } ?>
    </div>
    @else
    <div class="form-row mt-4">
        <div class="alert alert-warning" role="alert">
            You haven't subscribe to any of our packages.
        </div>
    </div>
    @endif
</div>

@endsection

@section('myscript')

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

@endsection