@extends('layouts.app')

@push('css_or_js')
    {{-- <link href="{{ asset('assets/plugins/custom/datatables/datatables.bundle.css') }}" rel="stylesheet" type="text/css" /> --}}
@endpush

@section('css_or_js')
    <link href="{{ asset('assets/plugins/custom/datatables/datatables.bundle.css') }}" rel="stylesheet" type="text/css" />
@endsection

@section('title')
@endsection

@section('content')
    @include('layouts._toolbar-details')



    <div id="kt_app_content" class="app-content flex-column-fluid">
        <div id="kt_app_content_container" class="app-container container-xxl">


            <div class="card mb-5 mb-xxl-8">
                <div class="card-body pt-9 pb-0">
                    <!--begin::Details-->
                    <div class="d-flex flex-wrap flex-sm-nowrap mb-6">
                        <!--begin::Image-->
                        <div class="d-flex flex-center flex-shrink-0 bg-light rounded w-100px h-100px w-lg-150px h-lg-150px me-7 mb-4">
                            <img class="mw-50px mw-lg-75px" src="assets/media/svg/brand-logos/volicity-9.svg" alt="image">
                        </div>
                        <!--end::Image-->
                        <!--begin::Wrapper-->
                        <div class="flex-grow-1">
                            <!--begin::Head-->
                            <div class="d-flex justify-content-between align-items-start flex-wrap mb-2">
                                <!--begin::Details-->
                                <div class="d-flex flex-column">
                                    <!--begin::Status-->
                                    <div class="d-flex align-items-center mb-1">
                                        <a href="#" class="text-gray-800 text-hover-primary fs-2 fw-bold me-3">Branch
                                            name</a>
                                        <span class="badge badge-light-success me-auto">Active</span>
                                    </div>
                                    <!--end::Status-->
                                    <!--begin::Description-->
                                    <div class="d-flex flex-wrap fw-semibold fs-6 mb-4 pe-2">
                                        <a href="#" class="d-flex align-items-center text-gray-400 text-hover-primary me-5 mb-2">
                                            <i class="ki-duotone ki-sms fs-4 me-1">
                                                <span class="path1"></span>
                                                <span class="path2"></span>
                                            </i>02</a>
                                        <a href="#" class="d-flex align-items-center text-gray-400 text-hover-primary me-5 mb-2">
                                            <i class="ki-duotone ki-geolocation fs-4 me-1">
                                                <span class="path1"></span>
                                                <span class="path2"></span>
                                            </i>Company</a>
                                        <a href="#" class="d-flex align-items-center text-gray-400 text-hover-primary mb-2">
                                            <i class="ki-duotone ki-sms fs-4 me-1">
                                                <span class="path1"></span>
                                                <span class="path2"></span>
                                            </i>Brand</a>
                                    </div>
                                    <!--end::Description-->
                                </div>
                                <!--end::Details-->
                                <!--begin::Actions-->
                                <div class="d-flex mb-4">

                                    <a href="/company-details" class="btn btn-sm btn-primary me-3">Edit Branch</a>
                                    <!--begin::Menu-->
                                    <div class="me-0">
                                        <button class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
                                            <i class="ki-solid ki-dots-horizontal fs-2x"></i>
                                        </button>

                                    </div>
                                    <!--end::Menu-->
                                </div>
                                <!--end::Actions-->
                            </div>
                            <!--end::Head-->
                            <!--begin::Info-->
                            <div class="d-flex flex-wrap justify-content-start">
                                <!--begin::Stats-->
                                <div class="d-flex flex-wrap">
                                    <!--begin::Stat-->
                                    <div class="border border-gray-300 border-dashed rounded min-w-125px py-3 px-4 me-6 mb-3">
                                        <!--begin::Number-->
                                        <div class="d-flex align-items-center">
                                            <div class="fs-4 fw-bold">29 Jan, 2023</div>
                                        </div>
                                        <!--end::Number-->
                                        <!--begin::Label-->
                                        <div class="fw-semibold fs-6 text-gray-400">Published Date</div>
                                        <!--end::Label-->
                                    </div>
                                    <!--end::Stat-->

                                    <!--begin::Stat-->

                                    <!--end::Stat-->
                                    <!--begin::Stat-->
                                    <div class="border border-gray-300 border-dashed rounded min-w-125px py-3 px-4 me-6 mb-3">
                                        <!--begin::Number-->
                                        <div class="d-flex align-items-center">

                                            <div class="fs-4 fw-bold counted" data-kt-countup="true" data-kt-countup-value="4" data-kt-initialized="1">75</div>
                                        </div>
                                        <!--end::Number-->
                                        <!--begin::Label-->
                                        <div class="fw-semibold fs-6 text-gray-400">Branch</div>
                                        <!--end::Label-->
                                    </div>

                                    <!--begin::Stat-->
                                    <div class="border border-gray-300 border-dashed rounded min-w-125px py-3 px-4 me-6 mb-3">
                                        <!--begin::Number-->
                                        <div class="d-flex align-items-center">

                                            <div class="fs-4 fw-bold counted" data-kt-countup="true" data-kt-countup-value="33" data-kt-initialized="1">33</div>
                                        </div>
                                        <!--end::Number-->
                                        <!--begin::Label-->
                                        <div class="fw-semibold fs-6 text-gray-400">Auctions</div>
                                        <!--end::Label-->
                                    </div>
                                    <!--end::Stat-->
                                </div>
                                <!--end::Stats-->

                            </div>
                            <!--end::Info-->
                        </div>
                        <!--end::Wrapper-->
                    </div>
                    <!--end::Details-->
                    <div class="separator"></div>
                    <!--begin::Nav-->
                    <ul class="nav nav-stretch nav-line-tabs nav-line-tabs-2x border-transparent fs-5 fw-bold" role="tablist">
                        <!--begin::Nav item-->
                        <li class="nav-item" role="presentation">
                            <a class="nav-link text-active-primary py-5 me-6 active" data-bs-toggle="tab" href="#kt_tab_pane_1" aria-selected="true" role="tab">Overview</a>
                        </li>
                        <!--end::Nav item-->
                          <!--begin::Nav item-->

                        <!--end::Nav item-->
                        <!--begin::Nav item-->

                        <!--end::Nav item-->
                        <!--begin::Nav item-->
                        <li class="nav-item" role="presentation">
                            <a class="nav-link text-active-primary py-5 me-6" data-bs-toggle="tab" href="#kt_tab_pane_3" aria-selected="false" role="tab" tabindex="-1">Auctions</a>
                        </li>
                        <!--end::Nav item-->
                        <!--begin::Nav item-->
                        <li class="nav-item" role="presentation">
                            <a class="nav-link text-active-primary py-5 me-6" data-bs-toggle="tab" href="#kt_tab_pane_4" aria-selected="false" role="tab" tabindex="-1">Users</a>
                        </li>
                        <!--end::Nav item-->
                        <!--begin::Nav item-->
                        <li class="nav-item" role="presentation">
                            <a class="nav-link text-active-primary py-5 me-6" data-bs-toggle="tab" href="#kt_tab_pane_5" aria-selected="false" role="tab" tabindex="-1">Settings</a>
                        </li>

                    </ul>
                    <!--end::Nav-->
                </div>
            </div>


            <div class="row gx-6 gx-xl-9">


                <div class="tab-content" id="myTabContent">

                    <!--begin::Tab-->
                    <div class="tab-pane fade active show" id="kt_tab_pane_1" role="tabpanel">



                        <div class="row gx-6 gx-xl-9 ">
                            <!--begin::Col-->
                            <div class="col-lg-6 mb-5">
                                <!--begin::Summary-->
                                <div class="card card-flush h-lg-100">
                                    <!--begin::Card header-->
                                    <div class="card-header mt-6">
                                        <!--begin::Card title-->
                                        <div class="card-title flex-column">
                                            <h3 class="fw-bold mb-1">General</h3>


                                        </div>
                                        <!--end::Card title-->

                                        <!--begin::Card toolbar-->

                                        <!--end::Card toolbar-->
                                    </div>
                                    <!--end::Card header-->

                                    <!--begin::Card body-->

                                    <div class="card-body p-9">
                                        <div class="row mb-7">
                                            <!--begin::Label-->
                                            <label class="col-lg-4 fw-semibold text-muted">Title (AR)</label>
                                            <!--end::Label-->

                                            <!--begin::Col-->
                                            <div class="col-lg-8 fv-row">
                                                <span class="fw-semibold text-gray-800 fs-6">دليل</span>
                                            </div>
                                            <!--end::Col-->
                                        </div>
                                        <div class="row mb-7">
                                            <!--begin::Label-->
                                            <label class="col-lg-4 fw-semibold text-muted">Title (EN)</label>
                                            <!--end::Label-->

                                            <!--begin::Col-->
                                            <div class="col-lg-8 fv-row">
                                                <span class="fw-semibold text-gray-800 fs-6">Daleel </span>
                                            </div>
                                            <!--end::Col-->
                                        </div><!--begin::Row-->

                                        <!--end::Row-->

                                        <!--begin::Input group-->

                                        <!--end::Input group-->

                                        <!--begin::Input group-->

                                        <!--end::Input group-->

                                        <!--begin::Input group-->
                                        <div class="row mb-7">
                                            <!--begin::Label-->
                                            <label class="col-lg-4 fw-semibold text-muted">Email</label>
                                            <!--end::Label-->

                                            <!--begin::Col-->
                                            <div class="col-lg-8">
                                                <a href="#" class="fw-semibold fs-6 text-gray-800 text-hover-primary">info@daleel.sa</a>
                                            </div>
                                            <!--end::Col-->
                                        </div>
                                        <!--end::Input group-->

                                        <!--begin::Input group-->
                                        <div class="row mb-7">
                                            <!--begin::Label-->
                                            <label class="col-lg-4 fw-semibold text-muted">Mobile</label>
                                            <!--end::Label-->

                                            <!--begin::Col-->
                                            <div class="col-lg-8">
                                                <span class="fw-bold fs-6 text-gray-800"> +966 3276 454 935 </span>
                                            </div>
                                            <!--end::Col-->
                                        </div><div class="row mb-7">
                                            <!--begin::Label-->
                                            <label class="col-lg-4 fw-semibold text-muted">Website</label>
                                            <!--end::Label-->

                                            <!--begin::Col-->
                                            <div class="col-lg-8">
                                                <span class="fw-bold fs-6 text-gray-800">www.brand.com</span>
                                            </div>
                                            <!--end::Col-->
                                        </div>
                                        <!--end::Input group-->

                                        <!--begin::Input group-->
                                        <div class="row mb-7">
                                            <!--begin::Label-->
                                            <label class="col-lg-4 fw-semibold text-muted">Creation Date</label>
                                            <!--end::Label-->

                                            <!--begin::Col-->
                                            <div class="col-lg-8">
                                                <span class="fw-bold fs-6 text-gray-800">14/01/2024</span>
                                            </div>
                                            <!--end::Col-->
                                        </div>
                                        <div class="row mb-7">
                                            <!--begin::Label-->
                                            <label class="col-lg-4 fw-semibold text-muted">Approved Date</label>
                                            <!--end::Label-->

                                            <!--begin::Col-->
                                            <div class="col-lg-8">
                                                <span class="fw-bold fs-6 text-gray-800">14/01/2024</span>
                                            </div>
                                            <!--end::Col-->
                                        </div>
                                        <!--end::Input group-->

                                        <!--begin::Input group-->

                                        <!--end::Input group-->


                                        <!--begin::Notice-->
                                        <div class="notice d-flex bg-light-warning rounded border-warning border border-dashed  p-6">
                                            <!--begin::Icon-->
                                            <i class="ki-duotone ki-information fs-2tx text-warning me-4"><span class="path1"></span><span class="path2"></span><span class="path3"></span></i> <!--end::Icon-->

                                            <!--begin::Wrapper-->
                                            <div class="d-flex flex-stack flex-grow-1 ">
                                                <!--begin::Content-->
                                                <div class=" fw-semibold">
                                                    <h4 class="text-gray-900 fw-bold">About Us</h4>

                                                    <div class="fs-6 text-gray-700 ">Our company is Leading Bla Bla Bla Bla
                                                        Bla and Bla Bla Bla Bla
                                                    </div>
                                                </div>
                                                <!--end::Content-->

                                            </div>
                                            <!--end::Wrapper-->
                                        </div>
                                        <!--end::Notice-->
                                    </div>
                                    <!--end::Card body-->
                                </div>
                                <!--end::Summary-->
                            </div> <div class="col-lg-6  mb-5">
                                <!--begin::Summary-->
                                <div class="card card-flush h-lg-100">
                                    <!--begin::Card header-->
                                    <div class="card-header mt-6">
                                        <!--begin::Card title-->
                                        <div class="card-title flex-column">
                                            <h3 class="fw-bold mb-1">Caterogy</h3>


                                        </div>
                                        <!--end::Card title-->

                                        <!--begin::Card toolbar-->

                                        <!--end::Card toolbar-->
                                    </div>
                                    <!--end::Card header-->

                                    <!--begin::Card body-->

                                    <div class="card-body p-9">
                                        <!--begin::Row-->
                                        <div class="row mb-7">
                                            <!--begin::Label-->
                                            <label class="col-lg-4 fw-semibold text-muted">Company</label>
                                            <!--end::Label-->

                                            <!--begin::Col-->
                                            <div class="col-lg-8">
                                                <span class="fw-bold fs-6 text-gray-800">Daleel</span>
                                            </div>
                                            <!--end::Col-->
                                        </div>
                                        <!--end::Row-->

                                        <!--begin::Input group-->
                                        <div class="row mb-7">
                                            <!--begin::Label-->
                                            <label class="col-lg-4 fw-semibold text-muted"> Brand </label>
                                            <!--end::Label-->

                                            <!--begin::Col-->
                                            <div class="col-lg-8 fv-row">
                                                <span class="fw-semibold text-gray-800 fs-6">Customer</span>
                                            </div>
                                            <!--end::Col-->
                                        </div><div class="row mb-7">
                                            <!--begin::Label-->
                                            <label class="col-lg-4 fw-semibold text-muted">Type</label>
                                            <!--end::Label-->

                                            <!--begin::Col-->
                                            <div class="col-lg-8 fv-row">
                                                <span class="fw-semibold text-gray-800 fs-6">Customer</span>
                                            </div>
                                            <!--end::Col-->
                                        </div>
                                        <!--end::Input group-->

                                        <!--begin::Input group-->

                                        <!--end::Input group-->

                                        <!--begin::Input group-->

                                        <!--end::Input group-->

                                        <!--begin::Input group-->

                                        <!--end::Input group-->

                                        <!--begin::Input group-->

                                        <!--end::Input group-->

                                        <!--begin::Input group-->

                                        <!--end::Input group-->


                                        <!--begin::Notice-->

                                        <!--end::Notice-->
                                    </div>
                                    <!--end::Card body-->
                                </div>
                                <!--end::Summary-->
                            </div><!--begin::Col-->

                            <div class="col-lg-6 mb-5">
                                <!--begin::Summary-->
                                <div class="card card-flush h-lg-100">
                                    <!--begin::Card header-->
                                    <div class="card-header mt-6">
                                        <!--begin::Card title-->
                                        <div class="card-title flex-column">
                                            <h3 class="fw-bold mb-1">Address</h3>


                                        </div>
                                        <!--end::Card title-->

                                        <!--begin::Card toolbar-->

                                        <!--end::Card toolbar-->
                                    </div>
                                    <!--end::Card header-->

                                    <!--begin::Card body-->

                                    <div class="card-body p-9">
                                        <div class="row mb-7">
                                            <!--begin::Label-->
                                            <label class="col-lg-4 fw-semibold text-muted">Region</label>
                                            <!--end::Label-->

                                            <!--begin::Col-->
                                            <div class="col-lg-8 fv-row">
                                                <span class="fw-bold text-gray-800 fs-6">Riyadh</span>
                                            </div>
                                            <!--end::Col-->
                                        </div><!--begin::Row-->

                                        <!--end::Row-->

                                        <!--begin::Input group-->

                                        <!--end::Input group-->

                                        <!--begin::Input group-->

                                        <!--end::Input group-->

                                        <!--begin::Input group-->

                                        <!--end::Input group-->

                                        <!--begin::Input group-->
                                        <div class="row mb-7">
                                            <!--begin::Label-->
                                            <label class="col-lg-4 fw-semibold text-muted">City
                                            </label>
                                            <!--end::Label-->

                                            <!--begin::Col-->
                                            <div class="col-lg-8">
                                                <span class="fw-bold fs-6 text-gray-800">Riadah</span>
                                            </div>
                                            <!--end::Col-->
                                        </div>
                                        <!--end::Input group-->

                                        <!--begin::Input group-->

                                        <!--end::Input group-->

                                        <!--begin::Input group-->
                                        <div class="row mb-10">
                                            <!--begin::Label-->
                                            <label class="col-lg-4 fw-semibold text-muted">Address</label>
                                            <!--begin::Label-->

                                            <!--begin::Label-->
                                            <div class="col-lg-8">
                                                <span class="fw-semibold fs-6 text-gray-800">Saudi arabia ,Riyadah , Sweden
                                                    st</span>
                                            </div>
                                            <!--begin::Label-->
                                        </div>
                                        <!--end::Input group-->


                                        <!--begin::Notice-->

                                        <!--end::Notice-->
                                    </div>
                                    <!--end::Card body-->
                                </div>
                                <!--end::Summary-->
                            </div><!--end::Col-->

                            <!--begin::Col-->

                            <!--end::Col-->
                            <!--begin::Col-->

                            <!--end::Col-->


                        </div>

                    </div>




                    <div class="tab-pane fade" id="kt_tab_pane_3" role="tabpanel">


                        <div class="card card-flush">
                            <!--begin::Card header-->
                            <div class="card-header mt-5">
                                <!--begin::Card title-->
                                <div class="card-title flex-column">
                                    <h3 class="fw-bold mb-1"> Auctions</h3>

                                    <div class="fs-6 text-gray-500">Total 15 Auctions</div>
                                </div>
                                <!--begin::Card title-->

                                <!--begin::Card toolbar-->
                                <div class="card-toolbar my-1" data-select2-id="select2-data-177-cke8">
                                    <!--begin::Select-->
                                    <div class="me-6 my-1">
                                        <select id="kt_filter_year" name="year" data-control="select2" data-hide-search="true" class="w-125px form-select form-select-solid form-select-sm select2-hidden-accessible" data-select2-id="select2-data-kt_filter_year" tabindex="-1" aria-hidden="true" data-kt-initialized="1">
                                            <option value="All" selected="" data-select2-id="select2-data-34-hka1">
                                                All Status</option>
                                            <option value="thisyear">This year</option>
                                            <option value="thismonth">This month</option>
                                            <option value="lastmonth">Last month</option>
                                            <option value="last90days">Last 90 days</option>
                                        </select><span class="select2 select2-container select2-container--bootstrap5" dir="ltr" data-select2-id="select2-data-33-xmc6" style="width: 100%;"><span class="selection"><span class="select2-selection select2-selection--single w-125px form-select form-select-solid form-select-sm" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-disabled="false" aria-labelledby="select2-kt_filter_year-container" aria-controls="select2-kt_filter_year-container"><span class="select2-selection__rendered" id="select2-kt_filter_year-container" role="textbox" aria-readonly="true" title="All time">All Branches</span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
                                    </div>
                                    <!--end::Select-->

                                    <!--begin::Select-->
                                    <div class="me-4 my-1" data-select2-id="select2-data-176-09j4">
                                        <select id="kt_filter_orders" name="orders" data-control="select2" data-hide-search="true" class="w-125px form-select form-select-solid form-select-sm select2-hidden-accessible" data-select2-id="select2-data-kt_filter_orders" tabindex="-1" aria-hidden="true" data-kt-initialized="1">
                                            <option value="All" selected="" data-select2-id="select2-data-36-70t7">
                                                All Cities</option>
                                            <option value="Approved" data-select2-id="select2-data-181-obmz">
                                                Approved</option>
                                            <option value="Declined" data-select2-id="select2-data-182-c2xd">
                                                Declined</option>
                                            <option value="In Progress" data-select2-id="select2-data-183-mhma">In
                                                Progress</option>
                                            <option value="In Transit" data-select2-id="select2-data-184-v5lt">In
                                                Transit</option>
                                        </select><span class="select2 select2-container select2-container--bootstrap5 select2-container--below" dir="ltr" data-select2-id="select2-data-35-0z7a" style="width: 100%;"><span class="selection"><span class="select2-selection select2-selection--single w-125px form-select form-select-solid form-select-sm" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-disabled="false" aria-labelledby="select2-kt_filter_orders-container" aria-controls="select2-kt_filter_orders-container"><span class="select2-selection__rendered" id="select2-kt_filter_orders-container" role="textbox" aria-readonly="true" title="All Orders">All
                                                        States</span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
                                    </div>
                                    <!--end::Select-->

                                    <!--begin::Search-->
                                    <div class="d-flex align-items-center position-relative my-1">
                                        <i class="ki-outline ki-magnifier fs-3 position-absolute ms-3"></i> <input type="text" id="kt_filter_search" class="form-control form-control-solid form-select-sm w-150px ps-9" placeholder="Search">
                                    </div>
                                    <!--end::Search-->
                                </div>
                                <!--begin::Card toolbar-->
                            </div>
                            <!--end::Card header-->

                            <!--begin::Card body-->
                            <div class="card-body pt-0">
                                <!--begin::Table container-->
                                <div class="table-responsive">
                                    <!--begin::Table-->
                                    <div id="kt_profile_overview_table_wrapper" class="dt-container dt-bootstrap5 dt-empty-footer">
                                        <div id="" class="table-responsive">
                                            <table id="kt_profile_overview_table" class="table table-row-bordered table-row-dashed gy-4 align-middle fw-bold dataTable" style="width: 928.5px;">
                                                <colgroup>
                                                    <col style="width: 300.433px;">
                                                    <col style="width: 160.267px;">
                                                    <col style="width: 126.167px;">
                                                    <col style="width: 147.883px;">
                                                    <col style="width: 147.883px;">
                                                    <col style="width: 93.75px;">
                                                </colgroup>
                                                <thead class="fs-7 text-gray-500 text-uppercase">
                                                    <tr role="row">
                                                        <th class="min-w-250px dt-orderable-asc dt-orderable-desc" data-dt-column="0" rowspan="1" colspan="1" aria-label="Manager: Activate to sort" tabindex="0">
                                                            <span class="dt-column-title" role="button">Auction</span><span class="dt-column-order"></span>
                                                        </th>
                                                        <th class="min-w-150px dt-orderable-asc dt-orderable-desc" data-dt-column="1" rowspan="1" colspan="1" aria-label="Date: Activate to sort" tabindex="0"><span class="dt-column-title" role="button">Creation
                                                                date</span><span class="dt-column-order"></span></th>
                                                        <th class="min-w-90px dt-type-numeric dt-orderable-asc dt-orderable-desc" data-dt-column="2" rowspan="1" colspan="1" aria-label="Amount: Activate to sort" tabindex="0">
                                                            <span class="dt-column-title" role="button">End
                                                                Date</span><span class="dt-column-order"></span>
                                                        </th>
                                                        <th class="min-w-90px dt-orderable-asc dt-orderable-desc" data-dt-column="3" rowspan="1" colspan="1" aria-label="Status: Activate to sort" tabindex="0">
                                                            <span class="dt-column-title" role="button">Status</span><span class="dt-column-order"></span>
                                                        </th>
                                                        <th class="min-w-90px dt-orderable-asc dt-orderable-desc" data-dt-column="3" rowspan="1" colspan="1" aria-label="Status: Activate to sort" tabindex="0">
                                                        <span class="dt-column-title" role="button">Stage</span><span class="dt-column-order"></span>
                                                    </th>
                                                        <th class="min-w-50px text-end dt-orderable-asc dt-orderable-desc" data-dt-column="4" rowspan="1" colspan="1" aria-label="Details: Activate to sort" tabindex="0">
                                                            <span class="dt-column-title" role="button">Actions</span><span class="dt-column-order"></span>
                                                        </th>
                                                    </tr>
                                                </thead>
                                                <tbody class="fs-6">

                                                    <tr>
                                                        <td>
                                                            <!--begin::User-->
                                                            <div class="d-flex align-items-center">
                                                                <!--begin::Wrapper-->
                                                                <div class="me-5 position-relative">
                                                                    <!--begin::Avatar-->
                                                                    <div class="symbol symbol-35px symbol-circle">
                                                                        <span class="symbol-label bg-light-danger text-danger fw-semibold">
                                                                            M </span>
                                                                    </div>
                                                                    <!--end::Avatar-->

                                                                    <!--begin::Online-->
                                                                    <div class="bg-success position-absolute h-8px w-8px rounded-circle translate-middle start-100 top-100 ms-n1 mt-n1">
                                                                    </div>
                                                                    <!--end::Online-->
                                                                </div>
                                                                <!--end::Wrapper-->

                                                                <!--begin::Info-->
                                                                <div class="d-flex flex-column justify-content-center">
                                                                    <a href="" class="fs-6 text-gray-800 text-hover-primary">
                                                                        Auction Title
                                                                    </a>

                                                                    <div class="fw-semibold text-gray-500">
                                                                        Branch / City</div>
                                                                </div>
                                                                <!--end::Info-->
                                                            </div>
                                                            <!--end::User-->
                                                        </td>
                                                        <td data-order="2024-06-24T00:00:00+03:00">Jun 24, 2024</td>
                                                        <td data-order="2024-06-24T00:00:00+03:00">Jun 30, 2024</td>
                                                        <td>
                                                            <span class="badge badge-light-warning fw-bold px-4 py-3">
                                                                Pending </span>
                                                        </td>
                                                        <td>
                                                            <span class="badge badge-light-warning fw-bold px-4 py-3">
                                                                Order </span>
                                                        </td>
                                                        <td class="text-end">
                                                            <a href="#" class="btn btn-light btn-sm">View</a>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <!--begin::User-->
                                                            <div class="d-flex align-items-center">
                                                                <!--begin::Wrapper-->
                                                                <div class="me-5 position-relative">
                                                                    <!--begin::Avatar-->
                                                                    <div class="symbol symbol-35px symbol-circle">
                                                                        <span class="symbol-label bg-light-danger text-danger fw-semibold">
                                                                            M </span>
                                                                    </div>
                                                                    <!--end::Avatar-->

                                                                    <!--begin::Online-->
                                                                    <div class="bg-success position-absolute h-8px w-8px rounded-circle translate-middle start-100 top-100 ms-n1 mt-n1">
                                                                    </div>
                                                                    <!--end::Online-->
                                                                </div>
                                                                <!--end::Wrapper-->

                                                                <!--begin::Info-->
                                                                <div class="d-flex flex-column justify-content-center">
                                                                    <a href="" class="fs-6 text-gray-800 text-hover-primary">
                                                                        Auction Title
                                                                    </a>

                                                                    <div class="fw-semibold text-gray-500">
                                                                        Branch / City</div>
                                                                </div>
                                                                <!--end::Info-->
                                                            </div>
                                                            <!--end::User-->
                                                        </td>
                                                        <td data-order="2024-06-24T00:00:00+03:00">Jun 24, 2024</td>
                                                        <td data-order="2024-06-24T00:00:00+03:00">Jun 30, 2024</td>
                                                        <td>
                                                            <span class="badge badge-light-warning fw-bold px-4 py-3">
                                                                Pending </span>
                                                        </td>
                                                        <td>
                                                            <span class="badge badge-light-warning fw-bold px-4 py-3">
                                                                Order </span>
                                                        </td>
                                                        <td class="text-end">
                                                            <a href="#" class="btn btn-light btn-sm">View</a>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <!--begin::User-->
                                                            <div class="d-flex align-items-center">
                                                                <!--begin::Wrapper-->
                                                                <div class="me-5 position-relative">
                                                                    <!--begin::Avatar-->
                                                                    <div class="symbol symbol-35px symbol-circle">
                                                                        <span class="symbol-label bg-light-danger text-danger fw-semibold">
                                                                            M </span>
                                                                    </div>
                                                                    <!--end::Avatar-->

                                                                    <!--begin::Online-->
                                                                    <div class="bg-success position-absolute h-8px w-8px rounded-circle translate-middle start-100 top-100 ms-n1 mt-n1">
                                                                    </div>
                                                                    <!--end::Online-->
                                                                </div>
                                                                <!--end::Wrapper-->

                                                                <!--begin::Info-->
                                                                <div class="d-flex flex-column justify-content-center">
                                                                    <a href="" class="fs-6 text-gray-800 text-hover-primary">
                                                                        Auction Title
                                                                    </a>

                                                                    <div class="fw-semibold text-gray-500">
                                                                        Branch / City</div>
                                                                </div>
                                                                <!--end::Info-->
                                                            </div>
                                                            <!--end::User-->
                                                        </td>
                                                        <td data-order="2024-06-24T00:00:00+03:00">Jun 24, 2024</td>
                                                        <td data-order="2024-06-24T00:00:00+03:00">Jun 30, 2024</td>
                                                        <td>
                                                            <span class="badge badge-light-warning fw-bold px-4 py-3">
                                                                Pending </span>
                                                        </td>
                                                        <td>
                                                            <span class="badge badge-light-warning fw-bold px-4 py-3">
                                                                Order </span>
                                                        </td>
                                                        <td class="text-end">
                                                            <a href="#" class="btn btn-light btn-sm">View</a>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <!--begin::User-->
                                                            <div class="d-flex align-items-center">
                                                                <!--begin::Wrapper-->
                                                                <div class="me-5 position-relative">
                                                                    <!--begin::Avatar-->
                                                                    <div class="symbol symbol-35px symbol-circle">
                                                                        <span class="symbol-label bg-light-danger text-danger fw-semibold">
                                                                            M </span>
                                                                    </div>
                                                                    <!--end::Avatar-->

                                                                    <!--begin::Online-->
                                                                    <div class="bg-success position-absolute h-8px w-8px rounded-circle translate-middle start-100 top-100 ms-n1 mt-n1">
                                                                    </div>
                                                                    <!--end::Online-->
                                                                </div>
                                                                <!--end::Wrapper-->

                                                                <!--begin::Info-->
                                                                <div class="d-flex flex-column justify-content-center">
                                                                    <a href="" class="fs-6 text-gray-800 text-hover-primary">
                                                                        Auction Title
                                                                    </a>

                                                                    <div class="fw-semibold text-gray-500">
                                                                        Branch / City</div>
                                                                </div>
                                                                <!--end::Info-->
                                                            </div>
                                                            <!--end::User-->
                                                        </td>
                                                        <td data-order="2024-06-24T00:00:00+03:00">Jun 24, 2024</td>
                                                        <td data-order="2024-06-24T00:00:00+03:00">Jun 30, 2024</td>
                                                        <td>
                                                            <span class="badge badge-light-warning fw-bold px-4 py-3">
                                                                Pending </span>
                                                        </td>
                                                        <td>
                                                            <span class="badge badge-light-warning fw-bold px-4 py-3">
                                                                Order </span>
                                                        </td>
                                                        <td class="text-end">
                                                            <a href="#" class="btn btn-light btn-sm">View</a>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <!--begin::User-->
                                                            <div class="d-flex align-items-center">
                                                                <!--begin::Wrapper-->
                                                                <div class="me-5 position-relative">
                                                                    <!--begin::Avatar-->
                                                                    <div class="symbol symbol-35px symbol-circle">
                                                                        <span class="symbol-label bg-light-danger text-danger fw-semibold">
                                                                            M </span>
                                                                    </div>
                                                                    <!--end::Avatar-->

                                                                    <!--begin::Online-->
                                                                    <div class="bg-success position-absolute h-8px w-8px rounded-circle translate-middle start-100 top-100 ms-n1 mt-n1">
                                                                    </div>
                                                                    <!--end::Online-->
                                                                </div>
                                                                <!--end::Wrapper-->

                                                                <!--begin::Info-->
                                                                <div class="d-flex flex-column justify-content-center">
                                                                    <a href="" class="fs-6 text-gray-800 text-hover-primary">
                                                                        Auction Title
                                                                    </a>

                                                                    <div class="fw-semibold text-gray-500">
                                                                        Branch / City</div>
                                                                </div>
                                                                <!--end::Info-->
                                                            </div>
                                                            <!--end::User-->
                                                        </td>
                                                        <td data-order="2024-06-24T00:00:00+03:00">Jun 24, 2024</td>
                                                        <td data-order="2024-06-24T00:00:00+03:00">Jun 30, 2024</td>
                                                        <td>
                                                            <span class="badge badge-light-warning fw-bold px-4 py-3">
                                                                Pending </span>
                                                        </td>
                                                        <td>
                                                            <span class="badge badge-light-warning fw-bold px-4 py-3">
                                                                Order </span>
                                                        </td>
                                                        <td class="text-end">
                                                            <a href="#" class="btn btn-light btn-sm">View</a>
                                                        </td>
                                                    </tr>


                                                </tbody>
                                                <tfoot></tfoot>
                                            </table>
                                        </div>
                                        <div id="" class="row">
                                            <div id="" class="col-sm-12 col-md-5 d-flex align-items-center justify-content-center justify-content-md-start dt-toolbar">
                                                <div><select name="kt_profile_overview_table_length" aria-controls="kt_profile_overview_table" class="form-select form-select-solid form-select-sm" id="dt-length-1">
                                                        <option value="10">10</option>
                                                        <option value="25">25</option>
                                                        <option value="50">50</option>
                                                        <option value="100">100</option>
                                                    </select><label for="dt-length-1"></label></div>
                                            </div>
                                            <div id="" class="col-sm-12 col-md-7 d-flex align-items-center justify-content-center justify-content-md-end">
                                                <div class="dt-paging paging_simple_numbers">
                                                    <ul class="pagination">
                                                        <li class="dt-paging-button page-item disabled"><a class="page-link previous" aria-controls="kt_profile_overview_table" aria-disabled="true" aria-label="Previous" data-dt-idx="previous" tabindex="-1"><i class="previous"></i></a></li>
                                                        <li class="dt-paging-button page-item active"><a href="#" class="page-link" aria-controls="kt_profile_overview_table" aria-current="page" data-dt-idx="0" tabindex="0">1</a>
                                                        </li>
                                                        <li class="dt-paging-button page-item"><a href="#" class="page-link" aria-controls="kt_profile_overview_table" data-dt-idx="1" tabindex="0">2</a></li>
                                                        <li class="dt-paging-button page-item"><a href="#" class="page-link" aria-controls="kt_profile_overview_table" data-dt-idx="2" tabindex="0">3</a></li>
                                                        <li class="dt-paging-button page-item"><a href="#" class="page-link next" aria-controls="kt_profile_overview_table" aria-label="Next" data-dt-idx="next" tabindex="0"><i class="next"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--end::Table-->
                                </div>
                                <!--end::Table container-->
                            </div>
                            <!--end::Card body-->
                        </div>

                    </div>

                    <div class="tab-pane fade" id="kt_tab_pane_4" role="tabpanel">

                        <div class="row g-6 g-xl-9">
                            <div class="col-md-6 col-xl-4">
                                <div class="card mb-5 mb-xl-8">
                                    <!--begin::Card body-->

                                    <div class="card-body">
                                        <!--begin::User Info-->
                                        <div class="d-flex flex-center flex-column py-5">
                                            <!--begin::Avatar-->
                                            <div class="symbol symbol-100px symbol-circle mb-7">
                                                <img src="assets/media/avatars/300-6.jpg" alt="image">
                                            </div>
                                            <!--begin::Name-->
                                            <a href="#" class="fs-3 text-gray-800 text-hover-primary fw-bold mb-3">Perry
                                                Ibrahim</a>
                                            <!--begin::Position-->
                                            <div class="mb-9">
                                                <!--begin::Badge-->
                                                <div class="badge badge-lg badge-light-primary d-inline">Admin</div>
                                            </div>
                                            <!--begin::Info heading-->

                                            <!--end::Info heading-->

                                            <!--end::Info-->
                                        </div>
                                        <!--begin::Details toggle-->

                                        <!--end::Details toggle-->
                                        <div class="separator"></div>
                                        <!--begin::Details content-->
                                        <br>

                                        <!--end::Details content-->
                                    </div>
                                    <!--end::Card body-->
                                </div>
                            </div>

                            <div class="col-md-6 col-xl-4">
                                <div class="card mb-5 mb-xl-8">
                                    <!--begin::Card body-->

                                    <div class="card-body">
                                        <!--begin::User Info-->
                                        <div class="d-flex flex-center flex-column py-5">
                                            <!--begin::Avatar-->
                                            <div class="symbol symbol-100px symbol-circle mb-7">
                                                <img src="assets/media/avatars/300-6.jpg" alt="image">
                                            </div>
                                            <!--begin::Name-->
                                            <a href="#" class="fs-3 text-gray-800 text-hover-primary fw-bold mb-3">Perry
                                                Ibrahim</a>
                                            <!--begin::Position-->
                                            <div class="mb-9">
                                                <!--begin::Badge-->
                                                <div class="badge badge-lg badge-light-primary d-inline">Admin</div>
                                            </div>
                                            <!--begin::Info heading-->

                                            <!--end::Info heading-->

                                            <!--end::Info-->
                                        </div>
                                        <!--begin::Details toggle-->

                                        <!--end::Details toggle-->
                                        <div class="separator"></div>
                                        <!--begin::Details content-->
                                        <br>

                                        <!--end::Details content-->
                                    </div>
                                    <!--end::Card body-->
                                </div>
                            </div>
                            <div class="col-md-6 col-xl-4">
                                <div class="card mb-5 mb-xl-8">
                                    <!--begin::Card body-->

                                    <div class="card-body">
                                        <!--begin::User Info-->
                                        <div class="d-flex flex-center flex-column py-5">
                                            <!--begin::Avatar-->
                                            <div class="symbol symbol-100px symbol-circle mb-7">
                                                <img src="assets/media/avatars/300-6.jpg" alt="image">
                                            </div>
                                            <!--begin::Name-->
                                            <a href="#" class="fs-3 text-gray-800 text-hover-primary fw-bold mb-3">Perry
                                                Ibrahim</a>
                                            <!--begin::Position-->
                                            <div class="mb-9">
                                                <!--begin::Badge-->
                                                <div class="badge badge-lg badge-light-primary d-inline">Admin</div>
                                            </div>
                                            <!--begin::Info heading-->

                                            <!--end::Info heading-->

                                            <!--end::Info-->
                                        </div>
                                        <!--begin::Details toggle-->

                                        <!--end::Details toggle-->
                                        <div class="separator"></div>
                                        <!--begin::Details content-->
                                        <br>

                                        <!--end::Details content-->
                                    </div>
                                    <!--end::Card body-->
                                </div>
                            </div>
                            <div class="col-md-6 col-xl-4">
                                <div class="card mb-5 mb-xl-8">
                                    <!--begin::Card body-->

                                    <div class="card-body">
                                        <!--begin::User Info-->
                                        <div class="d-flex flex-center flex-column py-5">
                                            <!--begin::Avatar-->
                                            <div class="symbol symbol-100px symbol-circle mb-7">
                                                <img src="assets/media/avatars/300-6.jpg" alt="image">
                                            </div>
                                            <!--begin::Name-->
                                            <a href="#" class="fs-3 text-gray-800 text-hover-primary fw-bold mb-3">Perry
                                                Ibrahim</a>
                                            <!--begin::Position-->
                                            <div class="mb-9">
                                                <!--begin::Badge-->
                                                <div class="badge badge-lg badge-light-primary d-inline">Admin</div>
                                            </div>
                                            <!--begin::Info heading-->

                                            <!--end::Info heading-->

                                            <!--end::Info-->
                                        </div>
                                        <!--begin::Details toggle-->

                                        <!--end::Details toggle-->
                                        <div class="separator"></div>
                                        <!--begin::Details content-->
                                        <br>

                                        <!--end::Details content-->
                                    </div>
                                    <!--end::Card body-->
                                </div>
                            </div>

                        </div>
                    </div>

                    <div class="tab-pane fade" id="kt_tab_pane_5" role="tabpanel">

                        <div class="card card-flush py-4">
                            <!--begin::Card header-->
                            <div class="card-header">
                                <div class="card-title">
                                    <h2>Settings</h2>
                                </div>
                            </div>
                            <!--end::Card header-->

                            <!--begin::Card body-->
                            <div class="card-body pt-0">
                                <!--begin::Input group-->
                                <div class="fv-row">
                                    <!--begin::Input-->
                                    <div class="form-check form-check-custom form-check-solid mb-2">
                                        <input class="form-check-input" type="checkbox" id="kt_ecommerce_add_product_shipping_checkbox" value="1">
                                        <label class="form-check-label">
                                            Admin Company ?
                                        </label>
                                    </div>
                                    <!--end::Input-->

                                    <!--begin::Description-->
                                    <div class="text-muted fs-7">Text Descriptions Text Descriptions Text Descriptions
                                    </div>
                                    <!--end::Description-->
                                </div>
                                <!--end::Input group-->

                                <!--begin::Shipping form-->
                                <div id="kt_ecommerce_add_product_shipping" class="mt-10 ">
                                    <!--begin::Input group-->

                                    <div class="py-2">
                                        <!--begin::Item---------------------------------------------------->
                                        <div class="d-flex flex-stack">
                                            <div class="d-flex">

                                                <div class="d-flex flex-column">
                                                    <a href="#" class="fs-5 text-dark text-hover-primary fw-bold">Shipping from
                                                        company locations only?</a>
                                                    <div class="fs-6 fw-semibold text-gray-400">Text Descriptions Text
                                                        Descriptions Text Descriptions</div>
                                                </div>
                                            </div>
                                            <div class="d-flex justify-content-end">
                                                <div class="form-check form-check-solid form-check-custom form-switch">
                                                    <input class="form-check-input w-45px h-30px" type="checkbox" id="googleswitch" checked="checked">
                                                    <label class="form-check-label" for="googleswitch"></label>
                                                </div>
                                            </div>
                                        </div>
                                        <!--end::Item-->
                                        <div class="separator separator-dashed my-5"></div>
                                        <!--begin::Item---------------------------------------------------->
                                        <!--begin::Item---------------------------------------------------->
                                        <div class="d-flex flex-stack">
                                            <div class="d-flex">

                                                <div class="d-flex flex-column">
                                                    <a href="#" class="fs-5 text-dark text-hover-primary fw-bold">Shipping to more
                                                        than one city?</a>
                                                    <div class="fs-6 fw-semibold text-gray-400">Text Descriptions Text
                                                        Descriptions Text Descriptions</div>
                                                </div>
                                            </div>
                                            <div class="d-flex justify-content-end">
                                                <div class="form-check form-check-solid form-check-custom form-switch">
                                                    <input class="form-check-input w-45px h-30px" type="checkbox" id="googleswitch" checked="checked">
                                                    <label class="form-check-label" for="googleswitch"></label>
                                                </div>
                                            </div>
                                        </div>
                                        <!--end::Item-->
                                        <div class="separator separator-dashed my-5"></div>
                                        <!--begin::Item---------------------------------------------------->
                                        <!--begin::Item---------------------------------------------------->
                                        <div class="d-flex flex-stack">
                                            <div class="d-flex">

                                                <div class="d-flex flex-column">
                                                    <a href="#" class="fs-5 text-dark text-hover-primary fw-bold">Is
                                                        it possible to specify shipping fees?</a>
                                                    <div class="fs-6 fw-semibold text-gray-400">Text Descriptions Text
                                                        Descriptions Text Descriptions</div>
                                                </div>
                                            </div>
                                            <div class="d-flex justify-content-end">
                                                <div class="form-check form-check-solid form-check-custom form-switch">
                                                    <input class="form-check-input w-45px h-30px" type="checkbox" id="googleswitch" checked="checked">
                                                    <label class="form-check-label" for="googleswitch"></label>
                                                </div>
                                            </div>
                                        </div>
                                        <!--end::Item-->
                                        <div class="separator separator-dashed my-5"></div>
                                        <!--begin::Item---------------------------------------------------->
                                        <!--begin::Item---------------------------------------------------->
                                        <div class="d-flex flex-stack">
                                            <div class="d-flex">

                                                <div class="d-flex flex-column">
                                                    <a href="#" class="fs-5 text-dark text-hover-primary fw-bold">Possibility of
                                                        creating customer invoice?</a>
                                                    <div class="fs-6 fw-semibold text-gray-400">Text Descriptions Text
                                                        Descriptions Text Descriptions</div>
                                                </div>
                                            </div>
                                            <div class="d-flex justify-content-end">
                                                <div class="form-check form-check-solid form-check-custom form-switch">
                                                    <input class="form-check-input w-45px h-30px" type="checkbox" id="googleswitch" checked="checked">
                                                    <label class="form-check-label" for="googleswitch"></label>
                                                </div>
                                            </div>
                                        </div>
                                        <!--end::Item-->
                                        <div class="separator separator-dashed my-5"></div>
                                        <!--begin::Item---------------------------------------------------->
                                        <!--begin::Item---------------------------------------------------->
                                        <div class="d-flex flex-stack">
                                            <div class="d-flex">

                                                <div class="d-flex flex-column">
                                                    <a href="#" class="fs-5 text-dark text-hover-primary fw-bold">Are there fees
                                                        for using the application for company customers?</a>
                                                    <div class="fs-6 fw-semibold text-gray-400">Text Descriptions Text
                                                        Descriptions Text Descriptions</div>
                                                </div>
                                            </div>
                                            <div class="d-flex justify-content-end">
                                                <div class="form-check form-check-solid form-check-custom form-switch">
                                                    <input class="form-check-input w-45px h-30px" type="checkbox" id="googleswitch" checked="checked">
                                                    <label class="form-check-label" for="googleswitch"></label>
                                                </div>
                                            </div>
                                        </div>
                                        <!--end::Item-->
                                        <div class="separator separator-dashed my-5"></div>
                                        <!--begin::Item---------------------------------------------------->
                                        <!--begin::Item---------------------------------------------------->
                                        <div class="d-flex flex-stack">
                                            <div class="d-flex">

                                                <div class="d-flex flex-column">
                                                    <a href="#" class="fs-5 text-dark text-hover-primary fw-bold">Is
                                                        there a company shipping policy available?</a>
                                                    <div class="fs-6 fw-semibold text-gray-400">Text Descriptions Text
                                                        Descriptions Text Descriptions</div>
                                                </div>
                                            </div>
                                            <div class="d-flex justify-content-end">
                                                <div class="form-check form-check-solid form-check-custom form-switch">
                                                    <input class="form-check-input w-45px h-30px" type="checkbox" id="googleswitch" checked="checked">
                                                    <label class="form-check-label" for="googleswitch"></label>
                                                </div>
                                            </div>
                                        </div>
                                        <!--end::Item-->
                                        <div class="separator separator-dashed my-5"></div>
                                        <!--begin::Item---------------------------------------------------->
                                        <!--begin::Item---------------------------------------------------->
                                        <div class="d-flex flex-stack">
                                            <div class="d-flex">

                                                <div class="d-flex flex-column">
                                                    <a href="#" class="fs-5 text-dark text-hover-primary fw-bold">Is
                                                        there a company payment policy available?</a>
                                                    <div class="fs-6 fw-semibold text-gray-400">Text Descriptions Text
                                                        Descriptions Text Descriptions</div>
                                                </div>
                                            </div>
                                            <div class="d-flex justify-content-end">
                                                <div class="form-check form-check-solid form-check-custom form-switch">
                                                    <input class="form-check-input w-45px h-30px" type="checkbox" id="googleswitch" checked="checked">
                                                    <label class="form-check-label" for="googleswitch"></label>
                                                </div>
                                            </div>
                                        </div>
                                        <!--end::Item-->
                                        <div class="separator separator-dashed my-5"></div>
                                        <!--begin::Item---------------------------------------------------->
                                    </div>
                                    <!--end::Input group-->
                                </div>
                                <!--end::Shipping form-->
                            </div>
                            <!--end::Card header-->
                        </div>
                    </div>







                </div>
            </div>



        </div>
    </div>

@endsection


@section('custom')
    <!--begin::Vendors Javascript(used for this page only)-->
    <script src="{{ asset('assets/plugins/custom/datatables/datatables.bundle.js') }}"></script>
    <script src="{{ asset('assets/plugins/custom/formrepeater/formrepeater.bundle.js') }}"></script>

    <!--end::Vendors Javascript-->


    <!--begin::Custom Javascript(used for this page only)-->
    <script src="{{ asset('assets/js/custom/apps/ecommerce/catalog/save-product.js') }}"></script>
    <script src="{{ asset('assets/js/widgets.bundle.js') }}"></script>
    <script src="{{ asset('assets/js/custom/widgets.js') }}"></script>
    <script src="{{ asset('assets/js/custom/apps/chat/chat.js') }}"></script>
    <script src="{{ asset('assets/js/custom/utilities/modals/upgrade-plan.js') }}"></script>
    <script src="{{ asset('assets/js/custom/utilities/modals/create-app.js') }}"></script>
    <script src="{{ asset('assets/js/custom/utilities/modals/users-search.js') }}"></script>

    <!--end::Custom Javascript-->
@endsection