@extends('admin.layouts.leadManagement')
@section('title')
    {{ __('edit') }}
@endsection

@section('style')
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css?v={{ env('CRM_VERSION') }}"
        rel="stylesheet" />
    <link rel="stylesheet" href="{{ asset('backend') }}/lead-management/css/lead.css?v={{ env('CRM_VERSION') }}">
    <link rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css?v={{ env('CRM_VERSION') }}">
    <link rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css?v={{ env('CRM_VERSION') }}">


    <style>
        thead{
            background: #F5F7F9;
            /* border-bottom-left-radius: 5px; */
            /* border-bottom-right-radius: 5px;   */
        }
        .t-head{
            color: #24292D;
            font-family: "roboto_med";
        }
        .panel-top{
            background: #F5F7F9;
            
        }
        .p-head{
            color: #066AC9;
        }
        .table-box-left,
        .table-box-right{
            border: 1px solid 1px solid rgba(116, 117, 121, 0.2509803922);
            border-radius: 10px;
        }
    </style>
@endsection
@section('content')
    <div class="main">
        <div class="top">
            {{-- <div class="row">
            <div class="common-card user-card col-4">
                <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Veniam a reprehenderit, doloremque quaerat culpa eaque aliquid iusto velit vitae veritatis.</p>
            </div>
            <div class="common-card drop-down-list col-3">
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Beatae possimus accusantium ullam alias harum ipsa eligendi hic, eos atque consequuntur.
            </div>
            <div class="common-card dropdown-list col-3"></div>
            <div class="other-btn col-2"></div>
        </div> --}}


            <div class="head-detail">
                <p class="head">{{ __('edit') }} Class</p>
            </div>

            @if (userCan('followup.view'))
                <p class="t-right">

                    <a href="javascript::void()" class="follow-up">Host Class</a>
                </p>
            @endif
        </div>


        <div class="tab-list">
        </div>

        <div class="container detail-list">
            <div class="row">
                <div class="col-md-6 table-box-left border border-rounded p-2">
                    <p class="fs-6 panel-top p-2 ">
                        <span class="p-head">Forms</span>
                    </p>
                    <table class="table table-borderless bg-color">
                        <thead>
                            <tr>
                                <th class="t-head">S_no</th>
                                <th class="t-head">Name</th>
                                <th class="t-head">Source</th>
                                <th class="t-head">Url</th>
                                <th class="t-head">Email</th>
                                <th class="t-head">Country</th>
                                <th class="t-head">Phone</th>
                                <th class="t-head">Created_date</th>
                            </tr>
                        </thead>
                        <tbody id=form_show >
                            <tr>
                                <td class="t-col no-data">No Forms Found !!</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="col-md-6 table-box-right border p-2">
                    <p class="fs-6 panel-top p-2 ">
                        <span class="p-head">Forms</span>
                    </p>
                    <table class="table table-borderless bg-color">
                        <thead>
                            <tr>
                                <th class="t-head">S_no</th>
                                <th class="t-head">Name</th>
                                <th class="t-head">Source</th>
                                <th class="t-head">Url</th>
                                <th class="t-head">Email</th>
                                <th class="t-head">Country</th>
                                <th class="t-head">Phone</th>
                                <th class="t-head">Created_date</th>
                            </tr>
                        </thead>
                        <tbody id=form_show >
                            <tr>
                                <td class="t-col no-data">No Forms Found !!</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>

        </div>
        <div>

            <div class="overlay"></div>
            <div class="sidebar-overlay"></div>
        @endsection





        @section('script')
            <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
                integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous">
            </script>
            <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js?v={{ env('CRM_VERSION') }}"
                integrity="sha512-3gJwYpMe3QewGELv8k/BX9vcqhryRdzRMxVfq6ngyWXwo03GFEzjsUm8Q7RZcHPHksttq7/GFoxjCVUjkjvPdw=="
                crossorigin="anonymous" referrerpolicy="no-referrer"></script>
            <script src="{{ asset('backend') }}/lead-management/js/common.js?v={{ env('CRM_VERSION') }}"></script>
            <script src="{{ asset('backend') }}/lead-management/js/lead.js?v={{ env('CRM_VERSION') }}"></script>
            <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
            <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js?v={{ env('CRM_VERSION') }}">
            </script>
        @endsection