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

<style>
    .select2-container--default.select2-container--disabled .select2-selection--multiple{
        background-color: transparent !important;   
    }

    div#myTabContent {
        background-color: #f1f5fe;      
    }

    button#client-endorsement,
    button#general-endorsement,
    button#life-endorsement{
        font-size: 16px;
        color: #000;
    }

    .dropdown-submenu {
      position: relative;
    }

    .dropdown-submenu .dropdown-menu {
      top: 0px;
      left: -100%;    
      display: none;
      position: absolute;
      background: #eeeef3;
    }

    .dropdown-submenu:hover .dropdown-menu {
      display: block;
    }   
</style>

<div class="page-content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                    <h4 class="mb-sm-0 font-size-18">
                        <a href="javascript:void(0);" onclick="history.back();"class="btn btn-primary px-3 waves-effect waves-light btn-sm backToButton" title="backbtn" id="backToButton"><i class="mdi mdi-arrow-left font-size-20"></i></a>&nbsp;&nbsp;&nbsp; {{$data['title']}}
                    </h4>
                    <button class="btn generalDownloadBtn btn-primary" onclick="return redirectToGeneralEntry();" type="button">Make New Endorsement</button>
                    <button class="btn lifeDownloadBtn btn-primary" onclick="return redirectToLifeEntry();" type="button">Make New Endorsement</button>
                    <button class="btn clientDownloadBtn btn-primary" onclick="return redirectToClientEntry();" type="button">Make New Endorsement</button>
                </div>
            </div>
        </div>

        @php
            $privileges = getPrivileges();
        @endphp

        <div class="row" id="card">
            <div class="card p-3">
                <div class="col-md-12">
                    <div class="row mb-3 align-items-center justify-content-between">
                        <div class="cont me-3" style="width: max-content;">
                            <ul class="nav nav-tabs" id="myTab" role="tablist">
                                @if(Auth::user()->type == 1)
                                    <li class="nav-item" role="presentation">
                                        <button class="nav-link waves-effect" id="general-endorsement" data-bs-toggle="tab" data-bs-target="#generalLifeEndorsement" type="button" role="tab" aria-controls="profile" aria-selected="false">General Endorsement</button>
                                    </li>
                                    <li class="nav-item" role="presentation">
                                        <button class="nav-link waves-effect" id="life-endorsement" data-bs-toggle="tab" data-bs-target="#lifeEndorsement" type="button" role="tab" aria-controls="contact" aria-selected="false">Life Endorsement</button>
                                    </li>
                                    <li class="nav-item" role="presentation">
                                        <button class="nav-link waves-effect" id="client-endorsement" data-bs-toggle="tab" data-bs-target="#clientEndorsement" type="button" role="tab" aria-controls="contact" aria-selected="false">Client Endorsement</button>
                                    </li>
                                @else
                                    @if(array_key_exists(4,$privileges))
                                        <li class="nav-item" role="presentation">
                                            <button class="nav-link waves-effect" id="general-endorsement" data-bs-toggle="tab" data-bs-target="#generalLifeEndorsement" type="button" role="tab" aria-controls="profile" aria-selected="false">General Endorsement</button>
                                        </li>
                                    @endif

                                    @if(array_key_exists(7,$privileges))
                                        <li class="nav-item" role="presentation">
                                            <button class="nav-link waves-effect" id="life-endorsement" data-bs-toggle="tab" data-bs-target="#lifeEndorsement" type="button" role="tab" aria-controls="contact" aria-selected="false">Life Endorsement</button>
                                        </li>
                                    @endif

                                    @if(array_key_exists(1,$privileges))
                                        <li class="nav-item" role="presentation">
                                            <button class="nav-link waves-effect" id="client-endorsement" data-bs-toggle="tab" data-bs-target="#clientEndorsement" type="button" role="tab" aria-controls="contact" aria-selected="false">Client Endorsement</button>
                                        </li>
                                    @endif

                                @endif
                            </ul>
                        </div>
                    </div>
                    
                    <div class="tab-content" id="myTabContent">
                        @if(Auth::user()->type == 1)
                            <div class="tab-pane fade" id="generalLifeEndorsement" role="tabpanel" aria-labelledby="general-endorsement">
                                <div class="row d-flex justify-content-between mb-3">
                                    <div class="col-xl-8 row">
                                        <div class="col-md-3">
                                            <div class="mb-3">
                                                <label for="date_type" class="form-label">Select date type</label>
                                                <select class="form-control" name="date_type" id="date_type">
                                                    <option value="Transaction Date">Transaction Date</option>
                                                    <option value="Risk From Date">Risk From Date</option>
                                                    <option value="Risk To Date">Risk To Date</option>
                                                    <option value="TP Due Date">TP Due Date</option>
                                                    <option value="Created Date">Created Date</option>
                                                    <option value="Modified Date">Modified Date</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="mb-3">
                                                <label for="from_date" class="form-label">From Date</label>
                                                <input type="text" class="form-control" name="from_date" id="from_date" placeholder="From date" value="{{ date('d-m-Y') }}" autocomplete="off">
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="mb-3">
                                                <label for="end_date" class="form-label">End Date</label>
                                                <input type="text" class="form-control" name="end_date" id="end_date" placeholder="End date" value="" autocomplete="off">
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="mb-3">
                                                <label class="form-label spaceRemove" for="btnClear">&nbsp;&nbsp;&nbsp;&nbsp;</label>
                                                <button type="button" onclick="return clearSearch();" class="form-control btn btn-primary" id="btnClear">Clear</button>
                                            </div>
                                        </div>
                                    </div>
                
                                    <div class="col-xl-4 w-auto float-end">
                                        <div class="float-end">
                                            <input type="hidden" name="token" value='