@extends('layouts.admin')
@section('css')
@endsection('css')
@section('script')

@endsection('css')
@section('script')

    <!-- begin::sweet alert demo -->
    <script src="/js/sweetalert.min.js"></script>
    @include('sweet::alert')
    <!-- begin::sweet alert demo -->
@endsection('script')
@section('navbar')


@endsection('navbar')
@section('sidebar')
@endsection('sidebar')

@section('header')
    <div class="page-header">
        <div>
            <h3>نمایش</h3>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/admin/home">داشبورد</a></li>
                    <li class="breadcrumb-item"><a href="#"> قالب سوالات</a></li>
                    <li class="breadcrumb-item active" aria-current="page">نمایش</li>
                </ol>
            </nav>
        </div>

    </div>
@endsection('header')
@section('content')
    <div class="card">
        <div class="card-body">
            <div class="tab-content">
                <!-- Button trigger modal -->
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#create">
                    ایجاد
                </button>

                <!-- Modal -->
                <div class="modal fade" id="create" tabindex="-1" role="dialog"
                     aria-labelledby="exampleModalLabel" aria-hidden="true">
                    <div class="modal-dialog modal-lg" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="exampleModalLabel">ایجاد</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                <form action="/admin/template_selection_store" method="post">
                                    @csrf
                                    <span>عنوان</span>
                                    <input title="عنوان" class="form-control" name="title">
                                    <br>
                                    <span>توضیحات</span>
                                    <input title="توضیحات" class="form-control" name="description">
                                    <br>
                                    <button class="btn btn-block btn-success">ثبت</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <br>
                <div class="table-responsive">
                    <br>
                    <table class="table table-bordered table-striped mb-0 table-fixed" id="myTable">
                        <thead>
                        <tr class="danger" style="text-align: center">
                            <th>عنوان</th>
                            <th>توضیحات</th>
                            <th>سوالات</th>
                            <th>ویرایش</th>
                            <th>حذف</th>

                        </tr>
                        </thead>
                        <tbody>
                        @include('Admin.errors')
                        @foreach($rows as $row )

                            <tr style="text-align: center">
                                <td>
                                    {{$row->title}}
                                </td>
                                <td>
                                    {{$row->description}}
                                </td>
                                <td>
                                    <a href="/admin/template_selection_questions/{{$row->id}}">
                                        <button type="button" class="btn btn-info">
سوالات                                        </button>
                                    </a>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" data-toggle="modal"
                                            data-target="#edite{{$row->id}}">
                                        ویرایش
                                    </button>

                                    <!-- Modal -->
                                    <div class="modal fade" id="edite{{$row->id}}" tabindex="-1" role="dialog"
                                         aria-labelledby="exampleModalLabel" aria-hidden="true">
                                        <div class="modal-dialog modal-lg" role="document">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h5 class="modal-title" id="exampleModalLabel">ایجاد</h5>
                                                    <button type="button" class="close" data-dismiss="modal"
                                                            aria-label="Close">
                                                        <span aria-hidden="true">&times;</span>
                                                    </button>
                                                </div>
                                                <div class="modal-body">
                                                    <form action="/admin/template_selection_update/{{$row->id}}"
                                                          method="post">
                                                        @csrf
                                                        <span>عنوان</span>
                                                        <input title="عنوان" class="form-control" name="title"
                                                               value="{{$row->title}}">
                                                        <br>
                                                        <span>توضیحات</span>
                                                        <input title="توضیحات" class="form-control" name="description"
                                                               value="{{$row->description}}">
                                                        <br>
                                                        <button class="btn btn-block btn-success">ثبت</button>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div>
                                        <button class="btn btn-danger" onclick="deleteData({{$row->id}})">حذف
                                        </button>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>

                </div>
            </div>
        </div>
    </div>

@endsection('content')
<script>
    function deleteData(id) {
        swal({
            title: "آیا از حذف مطمئن هستید؟",
            text: "اگر حذف شود تمام دیتای مرتبط با آن حذف می گردد!",
            icon: "warning",
            buttons: true,
            dangerMode: true,
        })

            .then((willDelete) => {
                if (willDelete) {
                    $.ajax({
                        url: "{{  url('/admin/template_selection_delete/')  }}" + '/' + id,
                        type: "GET",

                        success: function () {
                            swal({
                                title: "حذف با موفقیت انجام شد!",
                                icon: "success",

                            });
                            window.location.reload(true);
                        },
                        error: function () {
                            swal({
                                title: "خطا...",
                                text: data.message,
                                type: 'error',
                                timer: '1500'
                            })

                        }
                    });
                } else {
                    swal("عملیات حذف لغو گردید");
                }
            });

    }
</script>
<script>
    function active(id) {

        if ($('#customSwitch' + id).is(':checked')) {
            var active = 'active';
        } else {
            var active = 'reserved';
        }

        $.ajax({
            type: "POST",
            data: {
                "active": active,
                "_token": "{{ csrf_token() }}",
            },
            url: '/admin/sans/changeStatus' + '/' + id,
            success: function (xml) {
                swal({
                    title: "successful",
                    icon: "success",
                    timer: '35000'
                });
                window.location.reload(true);
            }
        });
    }
</script>