@extends('reachassuree_agent/layouts.main')
@section('title', $data['title'])
@section('content')

<style>
    p {
        font-size: 14px;
        font-weight: 500;
        text-align: left;
        margin-bottom: 0.5rem;
    }
    h4 {
        font-size: 22px;
        font-weight: 600;
        margin-bottom: unset;
        text-transform: uppercase;
    }
</style>

<div class="page-content">
    <div class="container-fluid">
        @include('../reachassuree_agent/master/comman/header')

        <div class="row" id="card">
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="text-center">
                            <div class="row justify-content-center mt-1">
                                <div class="col-sm-3">
                                    <div class="maintenance-img">
                                        <img src="{{ asset('assets/images/coming-soon.svg') }}" alt="" class="img-fluid mx-auto d-block">
                                    </div>
                                </div>
                            </div>
                            
                            <div class="row justify-content-center">
                                <div class="col-md-8">
                                    <div class="card">
                                        <h4>Coming Soon...!</h4>
                                        <hr>
                                        <div class="card-body">
                                            <ul>
                                                <li class="event-list"><p>Numerous types of reports are available here for export in PDF, Excel, and other formats, as well as for printing.</p></li>
                                                <li class="event-list"><p>Agents can select multiple departments, companies, brokers, sub-agents, columns, and time intervals to obtain periodic reports.</p></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection

@section('custom-scripts')
<script src="{{ asset('assets/libs/sweetalert2/sweetalert2.min.js') }}"></script>
<script src="{{ asset('assets/js/pages/sweet-alerts.init.js') }}"></script>
@endsection