@extends('layouts.tenant.master')
@section('title', 'Product Door Color Menu')
@section('css')

    {{-- <link rel="stylesheet" type="text/css" href="{{ route('/') }}/assets/main/css/datatable-extension.css"> --}}
@endsection
@section('style')
<style>
    #name-suggestions {
        z-index: 1000;
        max-height: 200px;
        overflow-y: auto;
    }
    .list-group-item {
        cursor: pointer;
    }
</style>
@endsection
@section('breadcrumb-title')
    <h2>Product Door Color <span>List </span></h2>
@endsection
@section('breadcrumb-items')
    <li class="breadcrumb-item">Product</li>
    <li class="breadcrumb-item">Door Color</li>
    <li class="breadcrumb-item active">List</li>
@endsection
@section('content')
    <div class="p-2 mt-0 card-header no-border">
        <a href="{{ route('tenant_product_door_color_create') }}" class="text-white btn btn-info btn-sm">
            <i class="icofont icofont-plus"></i> Create Product Door Color
        </a>
        {{-- <a  href="{{ route('tenant_deleted_product_door_color_list') }}"class="btn btn-success btn-sm">
            <i class="icofont icofont-spinner-alt-3"></i> Restore Product Door Color
        </a> --}}
        <a href="{{ url()->current() }}" class="btn btn-light btn-sm">
            <i class="icofont icofont-refresh fa fa-spin"></i>&nbsp; Refresh
        </a>
        {{-- <div class="pull-right">
            <button class="btn btn-primary btn-sm" data-toggle="tooltip" title="Export Product Door Color data to a file">
                <i class="text-white icofont icofont-upload-alt"></i> Export
            </button>
            <button class="btn btn-dark btn-sm" data-toggle="tooltip" title="Import Product Door Color data from a file">
                <i class="text-white icofont icofont-download-alt"></i> Import
            </button>
        </div> --}}
    </div>
    <form method="GET" action="{{ route('tenant_product_door_color_index') }}">
        <div class="pt-0 card-body">
            <div class="table-responsive table-sm">
                <table class="table p-0 m-0 display table-striped table-bordered table-sm" id="">
                    <thead>
                        <tr>
                            <th scope="col">#</th>
                            <th scope="col">
                                Name
                                <input type="text" name="name" id="name" class="form-control form-control-sm" placeholder="Search Name" autocomplete="off" value="{{ request('name') }}">
                            </th>
                            <th scope="col">
                                Image
                            </th>
                            <th scope="col">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($door_colors as $key => $door_color)
                            <tr>
                                <td>{{ ++$key }}</td>
                                <td>{{ $door_color->product_label ?? 'N/A' }}</td>
                                <td>{{ $door_color->image ?? 'N/A' }}</td>
                                <td>
                                    <a class="" href="{{ route('tenant_product_door_color_show', $door_color->id) }}" >
                                        Show |
                                    </a>

                                    <a class="" href="{{ route('tenant_product_door_color_edit', $door_color->id) }}" >
                                        Edit |
                                    </a>
                                    <a href="{{ route('tenant_product_door_color_destroy',$door_color->id) }}" type="button" onclick="confirmation(event,this.href)">
                                        Delete
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </form>
@endsection
@section('script')
    <script src="https://code.jquery.com/jquery-3.7.1.js"></script>
    {{-- <script src="{{ route('/') }}/assets/main/js/datatable/datatables/jquery.dataTables.min.js"></script>
    <script src="{{ route('/') }}/assets/main/js/datatable/datatable-extension/dataTables.buttons.min.js"></script>
    <script src="{{ route('/') }}/assets/main/js/datatable/datatable-extension/jszip.min.js"></script>
    <script src="{{ route('/') }}/assets/main/js/datatable/datatable-extension/buttons.colVis.min.js"></script>
    <script src="{{ route('/') }}/assets/main/js/datatable/datatable-extension/pdfmake.min.js"></script>
    <script src="{{ route('/') }}/assets/main/js/datatable/datatable-extension/vfs_fonts.js"></script> --}}

@endsection