@extends('layouts.admin')
@section('css')
@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">{{$camp->title}}</li>
                </ol>
            </nav>
        </div>
    </div>
@endsection('header')
@section('content')
    <div class="card">
        <div class="card-body">
            <div class="tab-content">
               <h5>
                   لیست دانش آموزان ثبت نام شده در اولیای
                   {{$camp->title}}
               </h5>
                <table class="table mt-3">
                    <thead>
                    <tr>
                        <th>#</th>
                        <th>نام</th>
                        <th>نام خانوادگی</th>
                        <th>کلاس</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach ($camp->students as $key=>$student)
                        <tr>
                            <td>{{ $key+1 }}</td>
                            <td>{{ $student->user->f_name }}</td>
                            <td>{{ $student->user->l_name }}</td>
                            <td>{{ $student->user->class }}</td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>

            </div>
        </div>

        <div style="text-align: center">
            {{--{!! $dars->render() !!}--}}
        </div>

        @endsection('content')
        <script>
            function deleteData(id) {
                swal({
                    title: "آیا از حذف مطمئن هستید؟",
                    text: "اگر حذف شود تمام دیتای مرتبط با آن حذف می گردد!",
                    icon: "warning",
                    buttons: true,
                    dangerMode: true,
                })
                    .then((willDelete) => {
                        if (willDelete) {
                            $.ajax({
                                url: "{{  url('/admin/dars/destroy/')  }}" + '/' + 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>