@extends('panel.layouts.master')
@section('title','شماره ها')

@section('content')
    <!-- begin::page loader-->
    @include('panel.layouts.sidebar')
    @include('panel.layouts.header')
{{-- Export Excel Modal --}}
<div class="modal fade" id="excel_report" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="excel_reportTitle">گزارش گیری از شماره تماس ها</h5>

                <button type="button" class="close" data-dismiss="modal" aria-label="بستن">
                    <i class="fa-solid fa-xmark"></i>
                </button>
            </div>
            <div class="modal-body text-center">
                <form action="{{ route('exportPhonesExcel') }}" method="post" id="excel_report_form">
                    @csrf
                    <div class="row">
                        <div class="col-12 col-md-6">
                            <div class="form-group">
                                <label for="start">از تاریخ</label>
                                <input type="text" name="start" class="form-control date-picker-shamsi-list" autocomplete="off" required>
                            </div>
                        </div>
                        <div class="col-12 col-md-6">
                            <div class="form-group">
                                <label for="end">تا تاریخ</label>
                                <input type="text" name="end" class="form-control date-picker-shamsi-list" autocomplete="off" required>
                            </div>
                        </div>
                        <div class="col-12 col-md-6">
                            <div class="form-group">
                                <label>از ساعت</label>
                                <input type="time" name="from_hour" class="form-control">
                            </div>
                        </div>
                        <div class="col-12 col-md-6">
                            <div class="form-group">
                                <label>تا ساعت</label>
                                <input type="time" name="to_hour" class="form-control">
                            </div>
                        </div>

                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">بستن</button>
                <button class="btn btn-success" form="excel_report_form">تایید</button>
            </div>
        </div>
    </div>
</div>
{{-- End Export Excel Modal --}}
    <main class="main-content">
        <div class="card">
            <div class="card-body">
                <button class="btn btn-square btn-outline-success m-2" id="btn_excel_report" data-toggle="modal" data-target="#excel_report"> <i class="fa fa-file-excel-o mr-2"></i>گزارش گیری</button>

                <div class="col-lg-12">
                    <form action="{{ route('phones.search') }}" method="post">
                        @csrf
                        <div class="row">
                            <div class="col-xl-3 col-lg-3 col-md-4">
                                <div class="form-group">
                                    <input type="text" name="phone" class="form-control" placeholder="شماره تماس">
                                </div>
                            </div>
                            <div class="col-xl-3 col-lg-3 col-md-4">
                                <div class="form-group">
                                    <button class="btn btn-primary">جستجو</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>

                <div class="overflow-auto">
                    <table class="table table-striped table-bordered text-center">
                        <tr>
                            <th>ردیف</th>
                            <th>شماره</th>
                            <th>تاریخ ایجاد</th>
                        </tr>
                        @foreach($data as $key => $item)
                            <tr>
                                <td>{{ ++$key }}</td>
                                <td>{{ $item->phone }}</td>
                                <td>{{ verta($item->created_at)->format('H:i Y/n/j') }}</td>
                            </tr>
                        @endforeach
                    </table>
                </div>
                <div class="mt-4">{{ $data->links() }}</div>
            </div>
        </div>
    </main>
@endsection
{{-- @section('script')
    <script>
        $(document).ready(function (){
            $('.btn_delete').click(function (e){
                let item_id = e.target.dataset.item_id;
                let form = $(`#category-${item_id}`);

                swal({
                    title: "می خواهید حذف کنید؟",
                    icon: "warning",
                    buttons: ['لغو','حذف'],
                    dangerMode: true,
                }).then((willDelete) => {
                    if (willDelete) {
                        form.submit();
                    }
                });
            })
        })
    </script>

@endsection --}}