@extends('panel.layouts.main')
@section('content')
<div class="post d-flex flex-column-fluid" id="kt_post">
    <div id="kt_content_container" class="container">
        <div class="card">
            <div class="card-header border-0 pt-6">
                                     <form action="" class="input-group input-group-solid mb-5 ajax-ative">
                          <input placeholder="کد تابلو" class="form-control" name="board_id" value="{{ $request->board_id }}">
                            <input placeholder="آدرس تابلو" class="form-control " name="board_address" value="{{ $request->board_address }}">
                            <button type="submit" class="btn btn-primary">
                                جستجو
                            </button>
                        </form>
                <div class="card-toolbar">

                    <div class="d-flex justify-content-end" data-kt-customer-table-toolbar="base">


                        <a href="/panel/boards/add" class="btn btn-primary me-3 mb-10">
                         <span class="svg-icon svg-icon-2"><svg xmlns="http://www.w3.org/2000/svg"
                                                       xmlns:xlink="http://www.w3.org/1999/xlink"
                                                       width="24px" height="24px" viewBox="0 0 24 24"
                                                       version="1.1"><rect fill="#000000" x="4" y="11"
                                                                           width="16" height="2"
                                                                           rx="1"></rect><rect
                            fill="#000000" opacity="0.5"
                            transform="translate(12.000000, 12.000000) rotate(-270.000000) translate(-12.000000, -12.000000)"
                            x="4" y="11" width="16" height="2" rx="1"></rect></svg></span>
                            تابلو جدید
                        </a>

                        <button type="button" class="btn btn-light-primary me-3 mb-10" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
                                <span class="svg-icon svg-icon-2">
								    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
															<path d="M19.0759 3H4.72777C3.95892 3 3.47768 3.83148 3.86067 4.49814L8.56967 12.6949C9.17923 13.7559 9.5 14.9582 9.5 16.1819V19.5072C9.5 20.2189 10.2223 20.7028 10.8805 20.432L13.8805 19.1977C14.2553 19.0435 14.5 18.6783 14.5 18.273V13.8372C14.5 12.8089 14.8171 11.8056 15.408 10.964L19.8943 4.57465C20.3596 3.912 19.8856 3 19.0759 3Z" fill="black"></path>
														</svg>
								</span>
                            دسته بندی
                        </button>
                        <div class="menu menu-sub menu-sub-dropdown w-300px w-md-325px" data-kt-menu="true" id="kt-toolbar-filter" style="">
                            <div class="separator border-gray-200"></div>
                            <form action="" method="get">
                                <div class="px-7 py-5">
                                <div class="mb-10">
                                    <label class="form-label fs-5 fw-bold mb-3">دسته بندی تابلو:</label>
                                    <div class="d-flex flex-column flex-wrap fw-bold" data-kt-docs-table-filter="payment_type">
                                        @foreach(\App\Models\board_types::all() as $type)
                                        <label class="form-check form-check-sm form-check-custom form-check-solid mb-3 me-5">
                                            <input class="form-check-input" type="radio" name="type" value="{{ $type->id }}" checked="checked">
                                            <span class="form-check-label text-gray-600">{{ $type->name }}</span>
                                        </label>
                                        @endforeach
                                    </div>

                                    <!--end::Options-->
                                </div>
                                <!--end::Input group-->
                                <!--begin::Actions-->
                                <div class="d-flex justify-content-end">
                                    <a href="/panel/boards/list" class="btn btn-light btn-active-light-primary me-2" data-kt-menu-dismiss="true" data-kt-docs-table-filter="reset">همه</a>
                                    <button type="submit" class="btn btn-primary" data-kt-menu-dismiss="true" data-kt-docs-table-filter="filter">اعمال</button>
                                </div>
                                <!--end::Actions-->
                            </div>
                            </form>
                            <!--end::Content-->
                        </div>



                        <div style="padding: calc(0.75rem + 1px) calc(1.5rem + 1px);font-size: 14px!important;">تعداد: <strong>{{ count($boards) }}</strong></div>
                    </div>
                    <div class="d-flex justify-content-end align-items-center d-none"
                         data-kt-customer-table-toolbar="selected">
                        <div class="fw-bolder me-5">
                            <span class="me-2" data-kt-customer-table-select="selected_count"></span>انتخاب شده
                        </div>
                        <button type="button" class="btn btn-outline-danger"
                                data-kt-customer-table-select="delete_selected">حذف انتخاب شده
                        </button>
                    </div>
                </div>
            </div>

            <div class="card-body pt-0">
                <div class="table-responsive">
                    <table class="table table-striped gy-7 gs-7">
                        <thead>
                        <tr class="fw-bold fs-6 text-gray-800 border-bottom-2 border-gray-200">
                            <th>کد تابلو</th>
                            <th>آدرس تابلو</th>
                            <th>عرض و طول</th>
                            <th>دسته بندی</th>
                            <th></th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($boards as $b)
                        <tr>
                            <td>#{{ $b->id }}</td>
                            <td>{{ $b->address }}</td>
                            <td style="direction: ltr;text-align: right">{{ $b->x }} × {{ $b->y }} cm</td>
                            <td style="direction: ltr;text-align: right">{{ App\Models\board_types::find($b->type)->name }}</td>
                            <td style="direction: ltr">
                                <a href="/panel/boards/delete/{{$b->id}}" class="btn btn-icon btn-outline-danger"><i class="las la-trash fs-2"></i></a>
                                <a href="/panel/boards/edit/{{$b->id}}" class="btn btn-icon btn-primary"><i class="las la-pencil-alt fs-2"></i></a>
                            </td>
                        </tr>
                        @endforeach
                        </tbody>
                    </table>

                </div>


            </div>

        </div>

    </div>
</div>
@endsection