@extends('admin.layout')
<link rel="stylesheet" href="https://cdn.datatables.net/2.3.4/css/dataTables.bootstrap5.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
<style>
.link {
    text-decoration: underline;
}

.dt-length label {
    display: none !important;
}
</style>
@section('content')
<div class="row align-items-center justify-content-between mb-3">
    <!-- Heading -->
    <div class="col-auto">
        <h4 class="mb-0">Purchase Management</h4>
    </div>

</div>




<div class="card">
    <h5 class="card-title mb-0  p-3 text-md-start text-center pb-md-0 pb-6">Filters</h5>
    <div class="row card-header flex-column flex-md-row border-bottom mx-0 px-3">

        <div class="row g-2 align-items-center">
            <div class="col-12 col-md-4 col-lg-4">
                <input type="date" class="form-control" placeholder="From date">
            </div>
            <div class="col-12 col-md-4 col-lg-4">
                <input type="date" class="form-control" placeholder="To date">
            </div>
            <div class="col-12 col-md-2 col-lg-2">
                <button class="btn btn-primary w-100">
                    <span class="d-flex align-items-center gap-2">
                        <span>Search</span>
                    </span>
                </button>
            </div>
            <div class="col-12 col-md-2 col-lg-2">
                <button class="btn btn-secondary w-100">
                    <span class="d-flex align-items-center gap-2">
                        <i class="icon-base ti tabler-upload icon-xs me-sm-1"></i>
                        <span>Export</span>
                    </span>
                </button>
            </div>
        </div>
        <div class="card-datatable table-responsive pt-0">
            <div class="row card-header flex-column flex-md-row border-bottom mx-0 px-3">
                <div class="justify-content-between dt-layout-table">
                    <div class=" justify-content-between align-items-center dt-layout-full table-responsive">
                        <table id="View_stock" class="table">
                            <thead>
                                <tr>
                                     <th>SNO</th>
                                    <th class="text-nowrap">DATE & TIME</th>
                                    <th class="text-nowrap">ORDER ID</th>
                                    <th class="text-nowrap">USER NAME</th>
                                    <th class="text-nowrap">MOBILE</th>
                                    <th class="text-nowrap">PRODUCT</th>
                                    <th class="text-nowrap">QUANTITY (GM)</th>
                                    <th class="text-nowrap">RATE PER GRAM</th>
                                    <th class="text-nowrap">AMOUNT</th>
                                    <th class="text-nowrap">QST</th>
                                    <th class="text-nowrap">INVOICE</th>
                                    <th>STATUS</th>
                                    <th>ACTION</th>
                                </tr>
                            </thead>
                            <tbody class="table-border-bottom-0">

                               
                                <tr>
                                    <td>1</td>
                                    <td class="text-nowrap">11/02/2025</td>
                                    <td class="text-nowrap">GPX12345</td>
                                    <td class="text-nowrap">DAVID</td>
                                    <td class="text-nowrap">9876543210</td>
                                    <td class="text-nowrap">GOLD24K</td>
                                    <td class="text-nowrap">0.153gm</td>
                                    <td class="text-nowrap">&#8377;11,122.04</td>
                                    <td class="text-nowrap">&#8377;170.35</td>
                                    <td class="text-nowrap">&#8377;5.11</td>
                                    <td>-</td>
                                    <td><span class="btn btn-label-success me-1">Success</span></td>
                                    <td>
                                        <div class="dropdown d-flex justify-evenly">
                                            <a class="action-btn-danger" data-bs-target="#delete"
                                                data-bs-toggle="modal"><svg xmlns="http://www.w3.org/2000/svg"
                                                    width="22" height="22" viewBox="0 0 22 22" fill="none">
                                                    <path
                                                        d="M19.25 5.48177C16.1975 5.17927 13.1267 5.02344 10.065 5.02344C8.25 5.02344 6.435 5.1151 4.62 5.29844L2.75 5.48177"
                                                        stroke="#FF0004" stroke-width="1.5" stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                    <path
                                                        d="M7.79199 4.55551L7.99366 3.35467C8.14033 2.48384 8.25033 1.83301 9.79949 1.83301H12.2012C13.7503 1.83301 13.8695 2.52051 14.007 3.36384L14.2087 4.55551"
                                                        stroke="#FF0004" stroke-width="1.5" stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                    <path
                                                        d="M17.279 8.37891L16.6832 17.6097C16.5824 19.0489 16.4999 20.1672 13.9424 20.1672H8.05737C5.49987 20.1672 5.41737 19.0489 5.31654 17.6097L4.7207 8.37891"
                                                        stroke="#FF0004" stroke-width="1.5" stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                    <path d="M9.46875 15.125H12.5212" stroke="#FF0004"
                                                        stroke-width="1.5" stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                    <path d="M8.70801 11.458H13.2913" stroke="#FF0004"
                                                        stroke-width="1.5" stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg></a>&nbsp;&nbsp;&nbsp;
                                            <div>
                                                <a href="{{route('purchase_details')}}"
                                                    style="font-weight:700; text-decoration:underline; cursor:pointer; color:#F97316">
                                                    View
                                                </a>

                                            </div>
                                        </div>
                                    </td>
                                </tr>


                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>


<script src="https://code.jquery.com/jquery-3.7.1.js"></script>
<script src="https://cdn.datatables.net/2.3.4/js/dataTables.js"></script>
<script src="https://cdn.datatables.net/2.3.4/js/dataTables.bootstrap5.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function() {
    new DataTable('#View_stock');
});

</script>



@endsection