@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')

@php
$logo = ($brand->id > 0 && $brand->logo !== null) ? asset('uploads/images/' . $brand->logo) : asset('assets/media/img/ph.png');
@endphp

<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="{{$logo}}" 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">{{$brand->name_en}}
                                    </a>
                                    <span class="badge badge-light-success me-auto">{{$brand->status}}</span>
                                </div>
                                <!--end::Status-->
                                <!--begin::Description-->
                                <div class="d-flex flex-wrap fw-semibold mb-4 fs-5 text-gray-400">
                                    {{$brand->region . ',' . $brand->city . ',' . $brand->address}}
                                </div>
                                <!--end::Description-->
                            </div>
                            <!--end::Details-->
                            <!--begin::Actions-->
                            <div class="d-flex mb-4">

                                <a href="{{route('company.edit', $brand->id)}}" class="btn btn-sm btn-primary me-3">Edit Company</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-->
                                <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">
                                            {{$brand->branches->count()}}
                                        </div>
                                    </div>
                                    <!--end::Number-->
                                    <!--begin::Label-->
                                    <div class="fw-semibold fs-6 text-gray-400">Branches</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">{{$auctions->count()}}</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-->
                    <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_2" aria-selected="false" tabindex="-1" role="tab">Branches</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_3" aria-selected="false" tabindex="-1" role="tab">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" tabindex="-1" role="tab">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" tabindex="-1" role="tab">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 show active" 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">{{$brand->name_ar}}</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">{{$brand->name_en}}</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">{{$brand->email}}</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"> {{$brand->mobile}}</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">Website</label>
                                        <!--end::Label-->

                                        <!--begin::Col-->
                                        <div class="col-lg-8">
                                            <span class="fw-bold fs-6 text-gray-800"> {{$brand->website}}</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">{{$brand->created_at}}</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">{{$brand->published_at}}</span>
                                        </div>
                                        <!--end::Col-->
                                    </div>
                                    <!--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 ">{{$brand->description_en}}
                                                </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-->

                                    </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">{{$brand->company->name_en}}</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">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-->
                                        <div class="row mb-7">
                                            <!--begin::Label-->
                                            <label class="col-lg-4 fw-semibold text-muted"> Certifications &amp; Tags <span class="ms-1" data-bs-toggle="tooltip" aria-label="Phone number must be active" data-bs-original-title="Phone number must be active" data-kt-initialized="1">
                                                     </span>
                                            </label>
                                            <!--end::Label-->

                                            <!--begin::Col-->
                                            <div class="col-lg-8 d-flex align-items-center">
                                                <span class="fw-bold fs-6 text-gray-800 me-2">{{$brand->tags}}</span>

                                            </div>
                                            <!--end::Col-->
                                        </div>
                                        <!--end::Input group-->

                                    </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">{{$brand->region}}</span>
                                        </div>
                                        <!--end::Col-->
                                    </div><!--begin::Row-->

                                    <!--end::Row-->

                                    <!--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">{{$brand->city}}</span>
                                        </div>
                                        <!--end::Col-->
                                    </div>
                                    <!--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">{{$brand->address}}</span>
                                        </div>
                                        <!--begin::Label-->
                                    </div>
                                    <!--end::Input group-->

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


                <div class="tab-pane fade" id="kt_tab_pane_2" 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"> Branches</h3>

                                <div class="fs-6 text-gray-500">Total {{$brand->branches->count()}} Branch</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 Branches</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
                                                    Cities</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: 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">Branch</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">Zone</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-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">
                                                @foreach($brand->branches as $branch)
                                                <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">
                                                                    {{$branch->name_en}}
                                                                </a>

                                                                <div class="fw-semibold text-gray-500">
                                                                    {{$branch->brand->name_en}}
                                                                </div>
                                                            </div>
                                                            <!--end::Info-->
                                                        </div>
                                                        <!--end::User-->
                                                    </td>
                                                    <td data-order="2024-06-24T00:00:00+03:00"> {{$branch->created_at->format('M d, Y')}}</td>
                                                    <td class="dt-type-numeric">Riyadh</td>
                                                    <td>
                                                        <span class="badge badge-light-warning fw-bold px-4 py-3">
                                                            {{$branch->status}} </span>
                                                    </td>
                                                    <td class="text-end">
                                                        <a href="{{route('branch.show', $branch->id)}}" class="btn btn-light btn-sm">View</a>
                                                    </td>
                                                </tr>
                                                @endforeach

                                            </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_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 {{$auctions->count()}} 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">
                                                @foreach($auctions as $auction)
                                                <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->name_en}}
                                                                </a>

                                                                <div class="fw-semibold text-gray-500">
                                                                    {{$auction->branch->name_en}} / {{$auction->city}}
                                                                </div>
                                                            </div>
                                                            <!--end::Info-->
                                                        </div>
                                                        <!--end::User-->
                                                    </td>
                                                    <td data-order="2024-06-24T00:00:00+03:00">{{$auction->start_date}}</td>
                                                    <td data-order="2024-06-24T00:00:00+03:00">{{$auction->end_date}}</td>
                                                    <td>
                                                        <span class="badge badge-light-warning fw-bold px-4 py-3">
                                                            {{$auction->status}} </span>
                                                    </td>
                                                    <td>
                                                        <span class="badge badge-light-warning fw-bold px-4 py-3">
                                                            Order </span>
                                                    </td>
                                                    <td class="text-end">
                                                        <a href="{{route('auction.show', $auction->id)}}" class="btn btn-light btn-sm">View</a>
                                                    </td>
                                                </tr>
                                                @endforeach
                                            </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">
                        @foreach($brand->employees as $employee)
                        <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">{{$employee->user-f_name}}
                                            {{$employee->user->l_name}}</a>
                                        <!--begin::Position-->
                                        <div class="mb-9">
                                            <!--begin::Badge-->
                                            <div class="badge badge-lg badge-light-primary d-inline">{{($employee->is_admin)? 'Admin' : 'User'}}</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>
                        @endforeach

                    </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" {{ $brand->is_admin_company ? 'checked' : '' }}>
                                    <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" {{ $brand->is_shipping_company_locations_only ? '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" {{ $brand->is_shipping_multiple_cities ? '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" {{ $brand->is_shipping_fees ? '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" {{ $brand->is_create_invoice ? '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" {{ $brand->is_customers_pay ? '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" {{ $brand->is_shipping_policy ? '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" {{ $brand->is_payment_policy ? '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