@extends('layouts.business.master')

@section('title')
    {{ __('Estimate List') }}
@endsection

@section('main_content')
<div class="erp-table-section">
    <div class="container-fluid">
        <div class="card">
            <div class="card-bodys">

                <!-- Header -->
                <div class="table-header p-16 d-print-none">
                    <h4>{{ __('Estimate List') }}</h4>

                    <div class="d-flex align-items-center gap-3 flex-wrap">
                        <a href="#"
                           class="bulk-import-container">
                           <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M14 10V12.6667C14 13.0203 13.8595 13.3594 13.6095 13.6095C13.3594 13.8595 13.0203 14 12.6667 14H3.33333C2.97971 14 2.64057 13.8595 2.39052 13.6095C2.14048 13.3594 2 13.0203 2 12.6667V10" stroke="#4B5563" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                            <path d="M11.3346 5.33333L8.0013 2L4.66797 5.33333" stroke="#4B5563" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                            <path d="M8 2V10" stroke="#4B5563" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                            </svg>
                            {{ __('Bulk Import') }}
                        </a>
                        <a href="#"
                           class="add-order-btn rounded-2 active btn btn-primary">
                            <i class="fas fa-plus-circle me-1"></i>
                            {{ __('Add Estimates') }}
                        </a>
                    </div>
                </div>

                <div class="table-header justify-content-center border-0 text-center d-none d-print-block">
                    <div class="print-header">
                        <!-- static print header -->
                    </div>
                    <h4 class="mt-2">{{ __('Product List') }}</h4>
                </div>


                <div class="table-top-form p-16">
                    <form action="#" method="GET" class="filter-form" table="#product-data">

                        <div class="table-top-left d-flex gap-3 flex-wrap">

                           
                            <div class="gpt-up-down-arrow position-relative d-print-none">
                                <select name="per_page" class="form-control">
                                    <option value="20">{{ __('Show 20') }}</option>
                                    <option value="50">{{ __('Show 50') }}</option>
                                    <option value="100">{{ __('Show 100') }}</option>
                                    <option value="500">{{ __('Show 500') }}</option>
                                </select>
                                <span></span>
                            </div>

                            <div class="gpt-up-down-arrow position-relative d-print-none">
                                <select name="per_page" class="form-control">
                                    <option value="20">{{ __('Filter') }}</option>
                                </select>
                                <span></span>
                            </div>

                             <div class="gpt-up-down-arrow position-relative d-print-none warehouse-select">
                                <select name="per_page" class="form-control">
                                    <option value="20">{{ __('All Warehouse ') }}</option>
                                </select>
                                <span></span>
                            </div>

                            <div class="table-search position-relative d-print-none">
                                <input
                                    class="form-control searchInput"
                                    type="text"
                                    name="search"
                                    placeholder="{{ __('Search...') }}"
                                    value=""
                                >
                                <span class="position-absolute">
                                    <svg width="20" height="20" viewBox="0 0 20 20" fill="none"
                                         xmlns="http://www.w3.org/2000/svg">
                                        <path d="M14.582 14.582L18.332 18.332"
                                              stroke="#4D4D4D" stroke-width="1.25"
                                              stroke-linecap="round" stroke-linejoin="round"/>
                                        <path d="M16.668 9.168C16.668 5.026 13.31 1.668 9.168 1.668
                                                 C5.026 1.668 1.668 5.026 1.668 9.168
                                                 C1.668 13.31 5.026 16.668 9.168 16.668
                                                 C13.31 16.668 16.668 13.31 16.668 9.168Z"
                                              stroke="#4D4D4D" stroke-width="1.25"
                                              stroke-linejoin="round"/>
                                    </svg>
                                </span>
                            </div>

                        </div>
                    </form>

                   
                    <div class="table-top-btn-group d-print-none">
                        <ul>
                            <li>
                                <a href="#">
                                    <img src={{ asset("assets/images/logo/csv.svg") }} alt="csv">
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src={{ asset("assets/images/logo/excel.svg") }} alt="excel">
                                </a>
                            </li>
                            <li>
                                <a href="#" target="_blank">
                                    <img src={{ asset("assets/images/logo/pdf.svg") }} alt="pdf">
                                </a>
                            </li>
                            <li>
                                <a onclick="window.print()" class="print-window">
                                    <img src={{ asset("assets/images/logo/printer.svg") }} alt="print">
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

        
            <div class="delete-item delete-show d-none">
                <div class="delete-item-show">
                    <p class="fw-bold">
                        <span class="selected-count">0</span> {{ __('items show') }}
                    </p>
                    <button type="button">
                        {{ __('Delete') }}
                    </button>
                </div>
            </div>

            <!-- Table Data Wrapper -->
            <div id="product-data">
                <div class="responsive-table m-0">
                    <table class="table" id="datatable">
                        <thead>
                            <tr>
                                <th class="w-60 d-print-none">
                                    <div class="d-flex align-items-center gap-3">
                                        <input type="checkbox" class="select-all-delete multi-delete">
                                    </div>
                                </th>

                                <th class="d-print-none">SL.</th>
                                <th>Invoice</th>
                                <th>Customer Name</th>
                                <th>Phone Number</th>
                                <th>Warehouse</th>
                                <th>Qty</th>
                                <th>Amount</th>
                                <th>Create</th>
                                <th>Expiry Date</th>
                                <th>Status</th>
                                <th class="d-print-none">Action</th>
                            </tr>
                        </thead>

                        <tbody id="product-data">
                            <tr>
                                <td class="w-60 checkbox d-print-none">
                                    <input type="checkbox" class="delete-checkbox-item multi-delete">
                                </td>
                                <td class="d-print-none">1</td>
                                <td>Ph2563</td>
                                <td>Ronald Richards</td>
                                <td>(208) 555-0112</td>
                                <td>Warehouse 1</td>
                                <td>5</td>
                                <td>$500</td>
                                <td>6 Jun 2025</td>
                                <td>6 July 2025</td>
                                <td>
                                    <span class="estimate-badge estimate-badge-draft">Draft</span>
                                </td>
                                <td class="d-print-none">
                                    <div class="dropdown table-action">
                                        <button type="button" data-bs-toggle="dropdown">
                                            <i class="far fa-ellipsis-v"></i>
                                        </button>

                                        <ul class="dropdown-menu">
                                            <li>
                                                <a href="#parties-view" data-bs-toggle="modal">
                                                <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path d="M16.158 8.28375C16.386 8.60348 16.5 8.76338 16.5 9C16.5 9.23662 16.386 9.39652 16.158 9.71625C15.1334 11.1529 12.5169 14.25 9 14.25C5.48309 14.25 2.86657 11.1529 1.84203 9.71625C1.61401 9.39652 1.5 9.23662 1.5 9C1.5 8.76338 1.61401 8.60348 1.84203 8.28375C2.86657 6.84708 5.48309 3.75 9 3.75C12.5169 3.75 15.1334 6.84708 16.158 8.28375Z" stroke="#4B5563" stroke-width="1.2"/>
                                                    <path d="M11.25 9C11.25 7.75732 10.2427 6.75 9 6.75C7.75732 6.75 6.75 7.75732 6.75 9C6.75 10.2427 7.75732 11.25 9 11.25C10.2427 11.25 11.25 10.2427 11.25 9Z" stroke="#4B5563" stroke-width="1.2"/>
                                                    </svg>
                                                    View
                                                </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                    <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path d="M12.1606 3.73679L13.2119 2.68547C13.7925 2.10484 14.7339 2.10484 15.3145 2.68547C15.8951 3.2661 15.8951 4.20748 15.3145 4.78811L14.2632 5.83943M12.1606 3.73679L8.23515 7.66222C7.4512 8.4462 7.05919 8.83815 6.79228 9.31582C6.52535 9.7935 6.2568 10.9214 6 12C7.07857 11.7432 8.2065 11.4746 8.68418 11.2077C9.16185 10.9408 9.5538 10.5488 10.3378 9.76485L14.2632 5.83943M12.1606 3.73679L14.2632 5.83943" stroke="#4B5563" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
                                                    <path d="M15.75 9C15.75 12.1819 15.75 13.773 14.7615 14.7615C13.773 15.75 12.1819 15.75 9 15.75C5.81802 15.75 4.22703 15.75 3.23851 14.7615C2.25 13.773 2.25 12.1819 2.25 9C2.25 5.81802 2.25 4.22703 3.23851 3.23851C4.22703 2.25 5.81802 2.25 9 2.25" stroke="#4B5563" stroke-width="1.2" stroke-linecap="round"/>
                                                    </svg>
                                                    Edit
                                                </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                    <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <g clip-path="url(#clip0_40001163_47282)">
                                                    <path d="M8.24805 7.5H8.2593M8.25082 12H8.26207" stroke="#4B5563" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
                                                    <path d="M5.25 9.75H11.25" stroke="#4B5563" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
                                                    <path d="M13.125 3.75C13.7463 3.75 14.25 4.25368 14.25 4.875C14.25 5.49632 13.7463 6 13.125 6C12.5037 6 12 5.49632 12 4.875C12 4.25368 12.5037 3.75 13.125 3.75Z" stroke="#4B5563" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
                                                    <path d="M2.08067 8.35792C1.32831 9.19822 1.31213 10.4659 2.00262 11.3578C3.37283 13.1275 4.87256 14.6272 6.64225 15.9973C7.53405 16.6879 8.80178 16.6717 9.64208 15.9193C11.9234 13.8766 14.0126 11.7419 16.0289 9.39592C16.2283 9.16402 16.3529 8.87978 16.3809 8.5752C16.5047 7.22849 16.7589 3.3485 15.7052 2.2948C14.6515 1.24111 10.7715 1.49533 9.4248 1.61907C9.12023 1.64706 8.83598 1.77175 8.604 1.97108C6.25809 3.98734 4.12336 6.07658 2.08067 8.35792Z" stroke="#4B5563" stroke-width="1.25"/>
                                                    </g>
                                                    <defs>
                                                    <clipPath id="clip0_40001163_47282">
                                                    <rect width="18" height="18" fill="white"/>
                                                    </clipPath>
                                                    </defs>
                                                    </svg>
                                                    Pay Now
                                                </a>
                                            </li>

                                            <li>
                                                <a href="#" class="confirm-action">
                                                    <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <g clip-path="url(#clip0_40001163_47290)">
                                                        <path d="M5.51547 13.5C3.92313 13.5 3.12696 13.5 2.56012 13.1601C2.18965 12.9379 1.89119 12.6203 1.69856 12.2431C1.40384 11.666 1.48307 10.903 1.64151 9.37687C1.77377 8.10292 1.83991 7.46591 2.16513 6.99811C2.37865 6.69097 2.66744 6.43923 3.00598 6.26515C3.52161 6 4.18623 6 5.51547 6H12.4845C13.8138 6 14.4784 6 14.994 6.26515C15.3326 6.43923 15.6214 6.69097 15.8349 6.99811C16.1601 7.46591 16.2263 8.10292 16.3585 9.37687C16.517 10.903 16.5962 11.666 16.3014 12.2431C16.1088 12.6203 15.8104 12.9379 15.4399 13.1601C14.873 13.5 14.0769 13.5 12.4845 13.5" stroke="#4B5563" stroke-width="1.25"/>
                                                        <path d="M12.75 6V4.5C12.75 3.08579 12.75 2.37868 12.3106 1.93934C11.8713 1.5 11.1642 1.5 9.75 1.5H8.25C6.83578 1.5 6.12868 1.5 5.68934 1.93934C5.25 2.37868 5.25 3.08579 5.25 4.5V6" stroke="#4B5563" stroke-width="1.25" stroke-linejoin="round"/>
                                                        <path d="M10.4915 12H7.50848C6.99452 12 6.73753 12 6.51887 12.0817C6.22733 12.1905 5.9777 12.402 5.80965 12.6824C5.68361 12.8928 5.62129 13.1633 5.49663 13.7043C5.30185 14.5496 5.20446 14.9722 5.27069 15.3112C5.35901 15.763 5.63428 16.1455 6.01689 16.348C6.30385 16.5 6.70539 16.5 7.50848 16.5H10.4915C11.2946 16.5 11.6962 16.5 11.9831 16.348C12.3657 16.1455 12.641 15.763 12.7293 15.3112C12.7955 14.9722 12.6982 14.5496 12.5034 13.7043C12.3788 13.1633 12.3164 12.8928 12.1904 12.6824C12.0223 12.402 11.7727 12.1905 11.4812 12.0817C11.2625 12 11.0055 12 10.4915 12Z" stroke="#4B5563" stroke-width="1.25" stroke-linejoin="round"/>
                                                        <path d="M13.5 9H13.5075" stroke="#4B5563" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
                                                        </g>
                                                        <defs>
                                                        <clipPath id="clip0_40001163_47290">
                                                        <rect width="18" height="18" fill="white"/>
                                                        </clipPath>
                                                        </defs>
                                                    </svg>
                                                    Print
                                                </a>
                                            </li>

                                            <li>
                                                <a href="#" class="confirm-action">
                                                    <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path d="M14.625 4.125L14.1602 11.6438C14.0414 13.5648 13.9821 14.5253 13.5006 15.2159C13.2625 15.5573 12.956 15.8455 12.6005 16.062C11.8816 16.5 10.9192 16.5 8.99452 16.5C7.06734 16.5 6.10372 16.5 5.38429 16.0612C5.0286 15.8443 4.722 15.5556 4.48401 15.2136C4.00266 14.5219 3.94459 13.5601 3.82846 11.6364L3.375 4.125" stroke="#4B5563" stroke-width="1.2" stroke-linecap="round"/>
                                                    <path d="M6.75 8.79688H11.25" stroke="#4B5563" stroke-width="1.2" stroke-linecap="round"/>
                                                    <path d="M7.875 11.7422H10.125" stroke="#4B5563" stroke-width="1.2" stroke-linecap="round"/>
                                                    <path d="M2.25 4.125H15.75M12.0416 4.125L11.5297 3.0688C11.1896 2.3672 11.0195 2.01639 10.7261 1.79761C10.6611 1.74908 10.5922 1.7059 10.5201 1.66852C10.1953 1.5 9.80542 1.5 9.02572 1.5C8.22645 1.5 7.82685 1.5 7.49662 1.67559C7.42343 1.71451 7.35359 1.75943 7.28783 1.80988C6.99109 2.03753 6.82533 2.40116 6.49381 3.12844L6.03955 4.125" stroke="#4B5563" stroke-width="1.2" stroke-linecap="round"/>
                                                    </svg>
                                                    Delete
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </td>
                            </tr>

                            <tr>
                                <td class="w-60 checkbox d-print-none">
                                    <input type="checkbox" class="delete-checkbox-item multi-delete">
                                </td>
                                <td class="d-print-none">2</td>
                                <td>Ph2563</td>
                                <td>Eleanor Pena</td>
                                <td>(225) 555-0118</td>
                                <td>Warehouse 2</td>
                                <td class="text-danger">10</td>
                                <td>$800</td>
                                <td>8 Jun 2025</td>
                                <td class="text-danger">8 Jun 2025</td>
                                <td>
                                    <span class="estimate-badge estimate-badge-expired">Expired</span>
                                </td>
                                <td class="d-print-none">
                                    <div class="dropdown table-action">
                                        <button type="button">
                                            <i class="far fa-ellipsis-v"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>

                            <tr>
                                <td class="w-60 checkbox d-print-none">
                                    <input type="checkbox" class="delete-checkbox-item multi-delete">
                                </td>
                                <td class="d-print-none">3</td>
                                <td>Ph2563</td>
                                <td>Dianne Russell</td>
                                <td>(307) 555-0133</td>
                                <td>Warehouse 1</td>
                                <td>7</td>
                                <td>$300</td>
                                <td>12 Jun 2025</td>
                                <td>6 July 2025</td>
                                <td>
                                    <span class="estimate-badge estimate-badge-sent">Sent</span>
                                </td>
                                <td class="d-print-none">
                                    <div class="dropdown table-action">
                                        <button type="button">
                                            <i class="far fa-ellipsis-v"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>

                            <tr>
                                <td class="w-60 checkbox d-print-none">
                                    <input type="checkbox" class="delete-checkbox-item multi-delete">
                                </td>
                                <td class="d-print-none">4</td>
                                <td>Ph2563</td>
                                <td>Cameron Williamson</td>
                                <td>(270) 555-0117</td>
                                <td>Warehouse 2</td>
                                <td>3</td>
                                <td>$750</td>
                                <td>15 Jun 2025</td>
                                <td>6 July 2025</td>
                                <td>
                                <span class="estimate-badge estimate-badge-declined">Declined</span>
                                </td>
                                <td class="d-print-none">
                                    <div class="dropdown table-action">
                                        <button type="button">
                                            <i class="far fa-ellipsis-v"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>



@endsection