<!DOCTYPE html>

<html lang="en">
<head>
        <?php echo view('partials/title-meta', array('title' => 'Warehouse')) ?> <?= $this->include('partials/head-css') ?>
    </head>
<body>
<div class="wrapper">
            <?php echo view('partials/topbar', array('subtitle' => 'Ecommerce', 'title' => 'Warehouse')) ?> <?= $this->include('partials/sidenav') ?>

            <!-- Start Page Content here -->
<div class="page-content">
<main>
                    <?php echo view('partials/page-title', array('subtitle' => 'Ecommerce', 'title' => 'Warehouse')) ?>

                    <div class="container-fluid">
<div class="card" data-table="" data-table-rows-per-page="10">
<div class="card-header">
<!-- Search -->
<div class="flex gap-2.5">
<div class="input-icon-group">
<i class="iconify tabler--search input-icon"></i>
<input class="form-input" data-table-search="" placeholder="Search..." type="text"/>
</div>
<button class="btn bg-danger text-white hover:bg-danger-hover hidden" data-table-delete-selected="">Delete</button>
</div>
<div class="flex flex-wrap items-center gap-2.5 lg:flex-nowrap">
<div class="flex flex-wrap items-center gap-2.5 md:flex-nowrap">
<div class="items-center gap-2.5 md:flex">
<span class="text-default-800 font-semibold text-nowrap me-2.5">Filter By:</span>
<!-- Warehouse Status Filter -->
<div class="input-icon-group">
<i class="iconify tabler--building input-icon"></i>
<select class="form-select" data-table-filter="warehouse-status">
<option value="All">Warehouse Status</option>
<option value="Operational">Operational</option>
<option value="Maintenance">Under Maintenance</option>
<option value="Closed">Closed</option>
</select>
</div>
</div>
<!-- Location Filter -->
<div class="input-icon-group">
<i class="iconify tabler--map-pin input-icon"></i>
<select class="form-select" data-table-filter="warehouse-location">
<option value="All">Location</option>
<option value="New York, USA">New York</option>
<option value="Boston, USA">Boston</option>
<option value="Los Angeles, USA">Los Angeles</option>
<option value="Berlin, Germany">Berlin</option>
<option value="Singapore">Singapore</option>
<option value="Dubai, UAE">Dubai</option>
</select>
</div>
<!-- Records Per Page -->
<div class="relative">
<select class="form-select" data-table-set-rows-per-page="">
<option value="5">5</option>
<option selected="" value="10">10</option>
<option value="15">15</option>
<option value="20">20</option>
</select>
</div>
</div>
</div>
<!-- Add New Button -->
<div class="flex gap-1">
<a aria-controls="addWarehouseModal" aria-expanded="false" aria-haspopup="dialog" class="btn bg-danger text-white hover:bg-danger-hover" data-hs-overlay="#addWarehouseModal" href="#addWarehouseModal">
<i class="iconify tabler--plus"></i>
                                        Add New
                                    </a>
</div>
</div>
<div class="table-wrapper">
<table class="table-custom table-select table table-hover">
<thead class="thead-sm">
<tr class="bg-light/25 text-2xs uppercase">
<th class="w-[1%]">
<input class="form-checkbox form-checkbox-light size-4.5" data-table-select-all="" type="checkbox"/>
</th>
<th data-table-sort="">ID</th>
<th data-table-sort="">Name</th>
<th data-column="warehouse-location" data-table-sort="">Location</th>
<th data-table-sort="">Manager</th>
<th data-table-sort="">Contact</th>
<th data-table-sort="">Capacity</th>
<th data-table-sort="">Avai. Stock</th>
<th data-table-sort="">Stock Shipping</th>
<th data-table-sort="">Revenue</th>
<th data-column="warehouse-status" data-table-sort="">Status</th>
<th class="text-center w-[1%]">Actions</th>
</tr>
</thead>
<tbody>
<!-- row-1 -->
<tr>
<td>
<input class="form-checkbox form-checkbox-light size-4.5" type="checkbox" value="option"/>
</td>
<td>
<h5 class="text-sm">#WH-001</h5>
</td>
<td>Central Distribution Hub</td>
<td>
<div class="flex items-center gap-2.5">
<i class="iconify tabler--map-pin text-default-500"></i>
<span>New York, USA</span>
</div>
</td>
<td>
<div class="flex items-center gap-2.5">
<div class="size-8">
<img alt="avatar-1" class="rounded-full" src="/images/users/user-1.jpg"/>
</div>
<div>
<h6 class="text-xs font-semibold">Olivia Brown</h6>
<p class="text-default-400 text-xs">olivia.brown@company.com</p>
</div>
</div>
</td>
<td>
<a href="/tel:+14165559876">+1 416 555 9876</a>
</td>
<td>95,000 sq.ft</td>
<td>38,240 units</td>
<td>12,680 units</td>
<td>$1.28M</td>
<td>
<span class="badge text-2xs font-semibold bg-success/15 text-success">Operational</span>
</td>
<td>
<div class="flex justify-center gap-1.25">
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--eye text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--edit text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
<!-- row-2 -->
<tr>
<td>
<input class="form-checkbox form-checkbox-light size-4.5" type="checkbox" value="option"/>
</td>
<td>
<h5 class="text-sm">#WH-002</h5>
</td>
<td>East Coast Storage</td>
<td>
<div class="flex items-center gap-2.5">
<i class="iconify tabler--map-pin text-default-500"></i>
<span>Boston, USA</span>
</div>
</td>
<td>
<div class="flex items-center gap-2.5">
<div class="size-8">
<img alt="avatar-2" class="rounded-full" src="/images/users/user-2.jpg"/>
</div>
<div>
<h6 class="text-xs font-semibold">Ethan Walker</h6>
<p class="text-default-400 text-xs">ethan.walker@company.com</p>
</div>
</div>
</td>
<td>
<a href="/tel:+14165551234">+1 416 555 1234</a>
</td>
<td>68,000 sq.ft</td>
<td>22,500 units</td>
<td>9,340 units</td>
<td>$870K</td>
<td>
<span class="badge text-2xs font-semibold bg-warning/15 text-warning">Maintenance</span>
</td>
<td>
<div class="flex justify-center gap-1.25">
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--eye text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--edit text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
<!-- row-3 -->
<tr>
<td>
<input class="form-checkbox form-checkbox-light size-4.5" type="checkbox" value="option"/>
</td>
<td>
<h5 class="text-sm">#WH-003</h5>
</td>
<td>West Coast Depot</td>
<td>
<div class="flex items-center gap-2.5">
<i class="iconify tabler--map-pin text-default-500"></i>
<span>Los Angeles, USA</span>
</div>
</td>
<td>
<div class="flex items-center gap-2.5">
<div class="size-8">
<img alt="avatar-3" class="rounded-full" src="/images/users/user-3.jpg"/>
</div>
<div>
<h6 class="text-xs font-semibold">Sophia Green</h6>
<p class="text-default-400 text-xs">sophia.green@company.com</p>
</div>
</div>
</td>
<td>
<a href="/tel:+13105557654">+1 310 555 7654</a>
</td>
<td>120,000 sq.ft</td>
<td>51,800 units</td>
<td>14,250 units</td>
<td>$1.94M</td>
<td>
<span class="badge text-2xs font-semibold bg-danger/15 text-danger">Closed</span>
</td>
<td>
<div class="flex justify-center gap-1.25">
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--eye text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--edit text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
<!-- row-4 -->
<tr>
<td>
<input class="form-checkbox form-checkbox-light size-4.5" type="checkbox" value="option"/>
</td>
<td>
<h5 class="text-sm">#WH-004</h5>
</td>
<td>Europe Main Hub</td>
<td>
<div class="flex items-center gap-2.5">
<i class="iconify tabler--map-pin text-default-500"></i>
<span>Berlin, Germany</span>
</div>
</td>
<td>
<div class="flex items-center gap-2.5">
<div class="size-8">
<img alt="avatar-4" class="rounded-full" src="/images/users/user-4.jpg"/>
</div>
<div>
<h6 class="text-xs font-semibold">Liam Becker</h6>
<p class="text-default-400 text-xs">liam.becker@company.com</p>
</div>
</div>
</td>
<td>
<a href="/tel:+49301234567">+49 30 1234 567</a>
</td>
<td>88,000 sq.ft</td>
<td>29,400 units</td>
<td>10,200 units</td>
<td>$980K</td>
<td>
<span class="badge text-2xs font-semibold bg-success/15 text-success">Operational</span>
</td>
<td>
<div class="flex justify-center gap-1.25">
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--eye text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--edit text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
<!-- row-5 -->
<tr>
<td>
<input class="form-checkbox form-checkbox-light size-4.5" type="checkbox" value="option"/>
</td>
<td>
<h5 class="text-sm">#WH-005</h5>
</td>
<td>Asia-Pacific Logistics</td>
<td>
<div class="flex items-center gap-2.5">
<i class="iconify tabler--map-pin text-default-500"></i>
<span>Singapore</span>
</div>
</td>
<td>
<div class="flex items-center gap-2.5">
<div class="size-8">
<img alt="avatar-5" class="rounded-full" src="/images/users/user-5.jpg"/>
</div>
<div>
<h6 class="text-xs font-semibold">Isabella Tan</h6>
<p class="text-default-400 text-xs">isabella.tan@company.com</p>
</div>
</div>
</td>
<td>
<a href="/tel:+6567892345">+65 6789 2345</a>
</td>
<td>102,000 sq.ft</td>
<td>47,600 units</td>
<td>8,700 units</td>
<td>$1.15M</td>
<td>
<span class="badge text-2xs font-semibold bg-success/15 text-success">Operational</span>
</td>
<td>
<div class="flex justify-center gap-1.25">
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--eye text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--edit text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
<!-- row-6 -->
<tr>
<td>
<input class="form-checkbox form-checkbox-light size-4.5" type="checkbox" value="option"/>
</td>
<td>
<h5 class="text-sm">#WH-006</h5>
</td>
<td>Middle East Distribution</td>
<td>
<div class="flex items-center gap-2.5">
<i class="iconify tabler--map-pin text-default-500"></i>
<span>Dubai, UAE</span>
</div>
</td>
<td>
<div class="flex items-center gap-2.5">
<div class="size-8">
<img alt="avatar-6" class="rounded-full" src="/images/users/user-6.jpg"/>
</div>
<div>
<h6 class="text-xs font-semibold">Omar Khalid</h6>
<p class="text-default-400 text-xs">omar.khalid@company.com</p>
</div>
</div>
</td>
<td>
<a href="/tel:+97145567890">+971 4 556 7890</a>
</td>
<td>77,000 sq.ft</td>
<td>33,900 units</td>
<td>7,850 units</td>
<td>$940K</td>
<td>
<span class="badge text-2xs font-semibold bg-warning/15 text-warning">Maintenance</span>
</td>
<td>
<div class="flex justify-center gap-1.25">
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--eye text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--edit text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
<!-- row-7 -->
<tr>
<td>
<input class="form-checkbox form-checkbox-light size-4.5" type="checkbox" value="option"/>
</td>
<td>
<h5 class="text-sm">#WH-007</h5>
</td>
<td>South America Hub</td>
<td>
<div class="flex items-center gap-2.5">
<i class="iconify tabler--map-pin text-default-500"></i>
<span>São Paulo, Brazil</span>
</div>
</td>
<td>
<div class="flex items-center gap-2.5">
<div class="size-8">
<img alt="avatar-7" class="rounded-full" src="/images/users/user-7.jpg"/>
</div>
<div>
<h6 class="text-xs font-semibold">Mateo Silva</h6>
<p class="text-default-400 text-xs">mateo.silva@company.com</p>
</div>
</div>
</td>
<td>
<a href="/tel:+551112345678">+55 11 1234 5678</a>
</td>
<td>90,000 sq.ft</td>
<td>41,200 units</td>
<td>11,800 units</td>
<td>$1.02M</td>
<td>
<span class="badge text-2xs font-semibold bg-success/15 text-success">Operational</span>
</td>
<td>
<div class="flex justify-center gap-1.25">
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--eye text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--edit text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
<!-- row-8 -->
<tr>
<td>
<input class="form-checkbox form-checkbox-light size-4.5" type="checkbox" value="option"/>
</td>
<td>
<h5 class="text-sm">#WH-008</h5>
</td>
<td>Africa Distribution Center</td>
<td>
<div class="flex items-center gap-2.5">
<i class="iconify tabler--map-pin text-default-500"></i>
<span>Johannesburg, South Africa</span>
</div>
</td>
<td>
<div class="flex items-center gap-2.5">
<div class="size-8">
<img alt="avatar-8" class="rounded-full" src="/images/users/user-8.jpg"/>
</div>
<div>
<h6 class="text-xs font-semibold">Ava Mokoena</h6>
<p class="text-default-400 text-xs">ava.mokoena@company.com</p>
</div>
</div>
</td>
<td>
<a href="/tel:+27115555678">+27 11 555 5678</a>
</td>
<td>85,000 sq.ft</td>
<td>36,900 units</td>
<td>9,900 units</td>
<td>$895K</td>
<td>
<span class="badge text-2xs font-semibold bg-success/15 text-success">Operational</span>
</td>
<td>
<div class="flex justify-center gap-1.25">
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--eye text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--edit text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
<!-- row-9 -->
<tr>
<td>
<input class="form-checkbox form-checkbox-light size-4.5" type="checkbox" value="option"/>
</td>
<td>
<h5 class="text-sm">#WH-009</h5>
</td>
<td>Canada Regional Center</td>
<td>
<div class="flex items-center gap-2.5">
<i class="iconify tabler--map-pin text-default-500"></i>
<span>Toronto, Canada</span>
</div>
</td>
<td>
<div class="flex items-center gap-2.5">
<div class="size-8">
<img alt="avatar-9" class="rounded-full" src="/images/users/user-9.jpg"/>
</div>
<div>
<h6 class="text-xs font-semibold">Noah Clarke</h6>
<p class="text-default-400 text-xs">noah.clarke@company.com</p>
</div>
</div>
</td>
<td>
<a href="/tel:+14165553456">+1 416 555 3456</a>
</td>
<td>92,000 sq.ft</td>
<td>40,850 units</td>
<td>10,600 units</td>
<td>$1.12M</td>
<td>
<span class="badge text-2xs font-semibold bg-success/15 text-success">Operational</span>
</td>
<td>
<div class="flex justify-center gap-1.25">
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--eye text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--edit text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
<!-- row-10 -->
<tr>
<td>
<input class="form-checkbox form-checkbox-light size-4.5" type="checkbox" value="option"/>
</td>
<td>
<h5 class="text-sm">#WH-010</h5>
</td>
<td>Australia Main Warehouse</td>
<td>
<div class="flex items-center gap-2.5">
<i class="iconify tabler--map-pin text-default-500"></i>
<span>Sydney, Australia</span>
</div>
</td>
<td>
<div class="flex items-center gap-2.5">
<div class="size-8">
<img alt="avatar-10" class="rounded-full" src="/images/users/user-10.jpg"/>
</div>
<div>
<h6 class="text-xs font-semibold">Amelia White</h6>
<p class="text-default-400 text-xs">amelia.white@company.com</p>
</div>
</div>
</td>
<td>
<a href="/tel:+61298765432">+61 2 9876 5432</a>
</td>
<td>105,000 sq.ft</td>
<td>50,200 units</td>
<td>12,450 units</td>
<td>$1.35M</td>
<td>
<span class="badge text-2xs font-semibold bg-success/15 text-success">Operational</span>
</td>
<td>
<div class="flex justify-center gap-1.25">
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--eye text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--edit text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
<!-- row-11 -->
<tr>
<td>
<input class="form-checkbox form-checkbox-light size-4.5" type="checkbox" value="option"/>
</td>
<td>
<h5 class="text-sm">#WH-0011</h5>
</td>
<td>Nordic Storage Facility</td>
<td>
<div class="flex items-center gap-2.5">
<i class="iconify tabler--map-pin text-default-500"></i>
<span>Stockholm, Sweden</span>
</div>
</td>
<td>
<div class="flex items-center gap-2.5">
<div class="size-8">
<img alt="avatar-11" class="rounded-full" src="/images/users/user-1.jpg"/>
</div>
<div>
<h6 class="text-xs font-semibold">Freja Lind</h6>
<p class="text-default-400 text-xs">freja.lind@company.com</p>
</div>
</div>
</td>
<td>
<a href="/tel+46855667890">+46 8 5566 7890</a>
</td>
<td>80,000 sq.ft</td>
<td>34,500 units</td>
<td>7,450 units</td>
<td>$880K</td>
<td>
<span class="badge text-2xs font-semibold bg-warning/15 text-warning">Maintenance</span>
</td>
<td>
<div class="flex justify-center gap-1.25">
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--eye text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--edit text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
<!-- row-12 -->
<tr>
<td>
<input class="form-checkbox form-checkbox-light size-4.5" type="checkbox" value="option"/>
</td>
<td>
<h5 class="text-sm">#WH-0012</h5>
</td>
<td>Central Asia Logistics</td>
<td>
<div class="flex items-center gap-2.5">
<i class="iconify tabler--map-pin text-default-500"></i>
<span>Almaty, Kazakhstan</span>
</div>
</td>
<td>
<div class="flex items-center gap-2.5">
<div class="size-8">
<img alt="avatar-12" class="rounded-full" src="/images/users/user-7.jpg"/>
</div>
<div>
<h6 class="text-xs font-semibold">Nursultan Aydin</h6>
<p class="text-default-400 text-xs">nursultan.aydin@company.com</p>
</div>
</div>
</td>
<td>
<a href="/tel:+77272345678">+7 727 234 5678</a>
</td>
<td>70,000 sq.ft</td>
<td>28,300 units</td>
<td>8,200 units</td>
<td>$760K</td>
<td>
<span class="badge text-2xs font-semibold bg-success/15 text-success">Operational</span>
</td>
<td>
<div class="flex justify-center gap-1.25">
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--eye text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--edit text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
<!-- row-13 -->
<tr>
<td>
<input class="form-checkbox form-checkbox-light size-4.5" type="checkbox" value="option"/>
</td>
<td>
<h5 class="text-sm">#WH-0013</h5>
</td>
<td>Japan Coastal Warehouse</td>
<td>
<div class="flex items-center gap-2.5">
<i class="iconify tabler--map-pin text-default-500"></i>
<span>Osaka, Japan</span>
</div>
</td>
<td>
<div class="flex items-center gap-2.5">
<div class="size-8">
<img alt="avatar-13" class="rounded-full" src="/images/users/user-4.jpg"/>
</div>
<div>
<h6 class="text-xs font-semibold">Haruto Sato</h6>
<p class="text-default-400 text-xs">haruto.sato@company.com</p>
</div>
</div>
</td>
<td>
<a href="/tel:+81678901234">+81 6 7890 1234</a>
</td>
<td>99,000 sq.ft</td>
<td>45,900 units</td>
<td>11,600 units</td>
<td>$1.22M</td>
<td>
<span class="badge text-2xs font-semibold bg-success/15 text-success">Operational</span>
</td>
<td>
<div class="flex justify-center gap-1.25">
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--eye text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--edit text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="card-footer">
<div data-table-pagination-info="orders"></div>
<div data-table-pagination=""></div>
</div>
</div>
</div>
</main>

                <?= $this->include('partials/footer') ?>

                <div aria-labelledby="addWarehouseModalLabel" class="hs-overlay pointer-events-none fixed start-0 top-0 z-80 hidden size-full overflow-x-hidden overflow-y-auto" id="addWarehouseModal" role="dialog" tabindex="-1">
<div class="hs-overlay-animation-target hs-overlay-open:scale-100 hs-overlay-open:opacity-100 m-3 flex min-h-[calc(100%-56px)] scale-95 items-center opacity-0 transition-all duration-200 ease-in-out md:mx-auto md:w-full md:max-w-2xl lg:max-w-3xl">
<div class="card pointer-events-auto flex w-full flex-col">
<div class="card-header p-5">
<h3 class="flex items-center font-semibold" id="addWarehouseModalLabel">
<i class="iconify tabler--building text-danger me-2.5"></i>
                                    Add New Warehouse
                                </h3>
<button aria-label="Close" data-hs-overlay="#addWarehouseModal" type="button">
<i class="iconify tabler--x text-2xl align-middle text-default-600"></i>
</button>
</div>
<div class="card-body">
<div class="grid grid-cols-1 md:grid-cols-2 gap-base">
<!-- Warehouse ID -->
<div>
<label class="form-label" for="warehouseId">Warehouse ID</label>
<input class="form-input" id="warehouseId" placeholder="#WH-002" type="text"/>
</div>
<!-- Warehouse Name -->
<div>
<label class="form-label" for="warehouseName">Warehouse Name</label>
<input class="form-input" id="warehouseName" placeholder="North Region Hub" type="text"/>
</div>
<!-- Location -->
<div>
<label class="form-label" for="warehouseLocation">Location</label>
<input class="form-input" id="warehouseLocation" placeholder="Los Angeles, USA" type="text"/>
</div>
<!-- Manager -->
<div>
<label class="form-label" for="warehouseManager">Manager Name</label>
<input class="form-input" id="warehouseManager" placeholder="Liam Parker" type="text"/>
</div>
<!-- Manager Email -->
<div>
<label class="form-label" for="warehouseEmail">Manager Email</label>
<input class="form-input" id="warehouseEmail" placeholder="liam.parker@company.com" type="email"/>
</div>
<!-- Contact Number -->
<div>
<label class="form-label" for="warehousePhone">Contact Number</label>
<input class="form-input" id="warehousePhone" placeholder="+1 212 555 0184" type="tel"/>
</div>
<!-- Area -->
<div>
<label class="form-label" for="warehouseArea">Total Area</label>
<input class="form-input" id="warehouseArea" placeholder="85,000 sq.ft" type="text"/>
</div>
<!-- Capacity -->
<div>
<label class="form-label" for="warehouseCapacity">Total Capacity</label>
<input class="form-input" id="warehouseCapacity" placeholder="40,000 units" type="text"/>
</div>
<!-- Current Stock -->
<div>
<label class="form-label" for="warehouseStock">Current Stock</label>
<input class="form-input" id="warehouseStock" placeholder="12,500 units" type="text"/>
</div>
<!-- Asset Value -->
<div>
<label class="form-label" for="warehouseValue">Asset Value</label>
<div class="input-group">
<span class="input-group-text">$</span>
<input class="form-input" id="warehouseValue" placeholder="1.25M" type="number"/>
</div>
</div>
<!-- Status -->
<div>
<label class="form-label" for="warehouseStatus">Status</label>
<select class="form-input" id="warehouseStatus">
<option selected="">Operational</option>
<option>Under Maintenance</option>
<option>Closed</option>
</select>
</div>
</div>
</div>
<div class="border-default-300 flex items-center justify-end gap-2 border-t p-5">
<button class="btn bg-light hover:text-primary" data-hs-overlay="#addWarehouseModal" type="button">Close</button>
<button class="btn bg-danger text-white hover:bg-danger-hover" type="button">
<i class="iconify tabler--check"></i>
                                    Save Warehouse
                                </button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Page content -->

        <?= $this->include('partials/customizer') ?> <?= $this->include('partials/footer-scripts') ?>

        <!-- Custom table -->
<script src="/js/pages/custom-table.js"></script>
</body>
</html>