@extends('panel.layouts.master')
@section('title', 'انتخاب رشته فرهنگیان')
@section('breadcrumb', 'انتخاب رشته فرهنگیان')

@section('content')
    @include('panel.layouts.sidebar')
    @include('panel.layouts.header')
    <style>
        .table-bordered td,
        .table-bordered th {
            text-align: center;
        }
    </style>
    {{-- 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('fields.import') }}" 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 class="col-12 col-md-12">
                                <div class="form-group text-left">
                                    <label for="status">وضعیت</label>
                                    <select name="status[]" id="status" class="js-example-basic-single"
                                        multiple="multiple">
                                        <option value="all">همه</option>
                                        <option value= '0'>معلق</option>
                                        <option value='1'>موفق</option>

                                    </select>
                                </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 --}}


{{-- Import Modal --}}
<div class="modal fade" id="import" 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">ایمپورت فایل اکسل</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="بستن">
                    <i class="fa-solid fa-xmark"></i>
                </button>
            </div>
            <div class="modal-body">
                <h6 class="text-danger">توجه! فایل ورودی باید از اکسل ورژن 2016 به بالا باشد</h6>
                <form action="{{ route('fields.import') }}" method="POST" id="submit-modal" enctype="multipart/form-data">
                    @csrf
                    <div class="form-group">
                        <label for="file">فایل اکسل</label>
                        <input type="file" name="file" class="form-control" id="file">
                    </div>
                </form>
                {{-- <div class="mt-3">
                    <span class="d-block mb-2">نمونه فایل اکسل:</span>
                    <img src="{{ asset('assets/images/excel-sample.png') }}" style="width: 18rem">
                </div> --}}
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">بستن</button>
                <button type="submit" class="btn btn-primary" form="submit-modal">تایید</button>
            </div>
        </div>
    </div>
</div>
{{-- End Import Modal --}}


    <section class="creat-shop">
        <main class="main-content">
            <div class="card">
                <div class="card-body">
                    <div class="row">

                    <button class="btn btn-square btn-outline-success m-2" id="btn_import"> <i class="fa fa-file-excel-o mr-2"></i>ایمپورت اکسل</button>

                        <div class="table-responsive">
                            <table class="table table-striped table-bordered" >
                                <thead>
                                    <tr>
                                        <th>ردیف</th>
                                        <th>کد رشته</th>
                                        <th>اسم رشته</th>
                                        <th>جنسیت</th>
                                        <th>ظرفیت</th>
                                        <th>استان</th>
                                        <th>گروه آزمایشی</th>
                                        <th>توضیحات</th>
                                        <th>محل خدمت</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($data as $key => $item)
                                        <tr>
                                            <td>{{ ++$key }}</td>
                                            <td>{{ $item->code }}</td>
                                            <td>{{ $item->name }}</td>
                                            <td>{{ $item->gender }} </td>
                                            <td>{{ $item->capacity }} </td>
                                            <td>{{ $item->province }} </td>
                                            <td>{{ $item->groupName }}</td>
                                            <td>{{ $item->desc }}</td>
                                            <td>{{ $item->service_location }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                    {!! $data->appends(Request::all())->links() !!}
                </div>
        </main>
    </section>
@endsection
@section('script')
<script>
    $('#btn_import').on('click',function(){
            $('#import').modal('show')
        })
</script>
@endsection