@extends('layouts.main')

@section('container')
    <div class="card">
        <div class="card-body">

            <div id="cars-inventory" class="scroll-x-table">
                @push('datatable-search')
                    <div class="col">
                        <label for="status">Status</label>
                        <select type="text" name="status" id="status" class="form-control form-control-sm">
                            <option value="">Semua</option>
                            <option value="0">Menunggu</option>
                            <option value="1">Diproses</option>
                            <option value="2">Selesai</option>
                            <option value="3">Gagal</option>
                        </select>
                    </div>
                @endpush

                @include('admin.components.searchDatatable', ['id' => 'warranty_search'])
                <form>
                    <table style="width:100%;min-width:940px;">
                        <tr>
                            <td align="left" style="margin-right: 5px">
                            </td>
                        </tr>
                    </table>
                </form>
                <hr>

                <table class="table table-bordered table-striped datatable-ajax" data-ajax-url="{{ $datatable_url }}"
                    data-search-source="#warranty_search" id="dt_table" width="100%" data-ajax-order="4"
                    data-ajax-dir="desc">
                    <thead>
                        <tr>
                            <th class="no-sort" width="10">No</th>
                            <th>Merk/Type</th>
                            <th class="no-sort">Showroom</th>
                            <th class="no-sort">Sales</th>
                            <th>Dibuat pada</th>
                            <th>Update terakhir</th>
                            <th class="no-sort">Status Garansi</th>
                            <th class="no-sort" width="80"></th>
                        </tr>
                    </thead>
                    <tbody style="text-transform: capitalize">
                    </tbody>
                </table>

                <br>
            </div>

        </div>
    </div>
@endsection