@extends('dashboard.layouts.master')

@section('css')
<!-- DataTables -->
<link href="{{ URL::asset('dashboard/plugins/datatables/dataTables.bootstrap4.min.css') }}" rel="stylesheet"
    type="text/css" />
<link href="{{ URL::asset('dashboard/plugins/datatables/buttons.bootstrap4.min.css') }}" rel="stylesheet"
    type="text/css" />
<!-- Responsive datatable examples -->
<link href="{{ URL::asset('dashboard/plugins/datatables/responsive.bootstrap4.min.css') }}" rel="stylesheet"
    type="text/css" />
<!-- Sweet Alert -->
<link href="{{ URL::asset('dashboard/plugins/sweet-alert2/sweetalert2.min.css') }}" rel="stylesheet" type="text/css">
    <style>
        .swal2-popup .swal2-input[type=number]{
            max-width: 100% !important;
        }
        .swal2-select{
            width: 100%;
            border: 1px solid #c2bebe;
            border-radius: 10px;
            padding: 12px;
        }
    </style>
@endsection

@section('breadcrumb')
<div class="col-sm-6">
    <h4 class="page-title">{{trans('labels.student_management')}}</h4>
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">{{trans('labels.dashboard')}}</a></li>
        <li class="breadcrumb-item"><a href="{{route('admin.student-management.search')}}">{{trans('labels.student_management')}} - {{trans('labels.student_'.(request()->type ?? 'subscribed'))}}</a></li>
        <li class="breadcrumb-item"><a href="{{route('admin.student-management.show', ['student_management' => $student->id])}}">{{$student->name}}</a></li>
        <li class="breadcrumb-item active">الباقات</li>
    </ol>

</div>

@endsection

@section('content')
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">

                <table id="datatable-buttons" class="table table-striped table-bordered dt-responsive nowrap"
                    style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                    <thead>
                        <tr>
                            <th>{{trans('labels.title')}}</th>
                            <th>{{trans('labels.subscription_fees')}}</th>
                            <th>مرات المد</th>
                            <th>{{trans('labels.status')}}</th>
                            <th style="border-right-width: 1px">{{trans('labels.action')}}</th>
                        </tr>
                    </thead>

                    <tbody>
                        @foreach($packages as $package)
                        <tr id="{{$package->id}}">
                            <td>
                                {{$package->title}}
                            </td>
                            <td id="fees-{{$package->id}}">{{$package->getStudentFees($student->id)}}</td>
                            <td>{{$package->extendAttempts() - 3}}</td>
                            <td class="status">{{$package->OrderedByUserId($student->id) ? 'تم الشراء' : '---'}} 
                                <br>
                                @if($stopped_at = $package->OrderedByUserId($student->id)->stoped_at ?? null)
                                    تم الايقاف في {{$stopped_at}}
                                @endif
                            </td>
                            
                            <td style="text-align: left !important; border-right-width: 1px">
                                @if($order = $package->OrderedByUserId($student->id))
                                        
                                        @can('student_lectures-return')
                                            <a href="#" class="btn btn-warning btn-sm waves-effect waves-light addAction" lass="dropdown-item payforIt" data-action="{{route('admin.student-management.packages.return', ['student_id' => $student->id,'order_id' => $order->id])}}" data-title="{{trans('labels.returnIt')}}" data-input-append="true" data-input-type="number" data-input-name="fees"  ff="{{$order->transaction}}" data-input-value="{{$order->transaction ? $order->transaction->cr : 0}}" data-input-validate-value="0" data-name="return"  data-input-placeholder="" data-modal="true">
                                                <i class="mdi mdi-cart-off" style="font-size:18px"></i>
                                            </a>
                                            @if(!$order->replaced_by)
                                            <a href="{{route('admin.student-management.packages.replace', ['student_id' => $student->id, 'order_id' => $order->id])}}" data-list="{{$package->replaceList()}}" class="btn btn-primary btn-sm replaceIt">
                                                <i class="mdi mdi-file-replace" style="font-size:18px"></i>
                                            </a>
                                            @endif
                                            @if($package->id == 7)
                                                @if($order->stoped_at)
                                                    <a href="{{route('admin.student-management.packages.hold', ['student_id' => $student->id,'order_id' => $order->id])}}" class="btn btn-success btn-sm waves-effect waves-light releaseIt" data-title="هل ترغب في استعادة الباقة" >
                                                        استعادة فتح
                                                    </a>
                                                @else
                                                    <a href="{{route('admin.student-management.packages.hold', ['student_id' => $student->id,'order_id' => $order->id])}}" class="btn btn-danger btn-sm waves-effect waves-light holdIt" data-action="" data-title="هل ترغب في ايقاف الباقة" >
                                                        ايقاف مؤقت
                                                    </a>
                                                @endif
                                            @endif
                                        @endcan
                                @else

                                    @can('student_lectures-purchase')
                                        <a href="#" class="btn btn-success btn-sm waves-effect waves-light addAction" lass="dropdown-item payforIt" data-action="{{route('admin.student-management.packages.purchase', ['student_id' => $student->id, 'package_id' => $package->id])}}" data-lecture-id="{{$package->id}}" data-student-id="{{$student->id}}"  data-title="شراء {{$package->title}}" data-input-append="true" data-input-type="number" data-input-name="fees" data-input-value="{{$package->getStudentFees($student->id)}}"  data-input-validate-value="{{$student->wallet}}"  data-input-placeholder=""  data-label="سعر الشراء"  data-modal="true" data-name="pay_for_it">
                                            <i class="mdi  mdi mdi-cart" style="font-size:18px"></i>
                                        </a>
                                        <a href="#" class="btn btn-danger btn-sm waves-effect waves-light addAction" lass="dropdown-item" data-action="{{route('admin.student-management.packages.addDiscount', ['student_id' => $student->id, 'package_id' => $package->id])}}" data-title="{{trans('labels.add_discount_in_%')}}" data-input-append="true" data-input-type="number" data-input-name="discount" data-placeholder="" data-modal="true" data-name="add_discount">
                                            <i class="mdi mdi-sale" style="font-size:18px"></i>
                                        </a>
                                    @endcan
                                @endif
                                
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>

            </div>
        </div>
    </div> <!-- end col -->
</div> <!-- end row -->

@include('dashboard.pages.student-management.partials.add-action-modal')

@endsection

@section('script')
<!-- Required datatable js -->
<script src="{{ URL::asset('dashboard/plugins/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ URL::asset('dashboard/plugins/datatables/dataTables.bootstrap4.min.js') }}"></script>
<!-- Buttons examples -->
<script src="{{ URL::asset('dashboard/plugins/datatables/dataTables.buttons.min.js') }}"></script>
<script src="{{ URL::asset('dashboard/plugins/datatables/buttons.bootstrap4.min.js') }}"></script>
<script src="{{ URL::asset('dashboard/plugins/datatables/jszip.min.js') }}"></script>
<script src="{{ URL::asset('dashboard/plugins/datatables/pdfmake.min.js') }}"></script>
<script src="{{ URL::asset('dashboard/plugins/datatables/vfs_fonts.js') }}"></script>
<script src="{{ URL::asset('dashboard/plugins/datatables/buttons.html5.min.js') }}"></script>
<script src="{{ URL::asset('dashboard/plugins/datatables/buttons.print.min.js') }}"></script>
<script src="{{ URL::asset('dashboard/plugins/datatables/buttons.colVis.min.js') }}"></script>
<!-- Responsive examples -->
<script src="{{ URL::asset('dashboard/plugins/datatables/dataTables.responsive.min.js') }}"></script>
<script src="{{ URL::asset('dashboard/plugins/datatables/responsive.bootstrap4.min.js') }}"></script>

<!-- Datatable init js -->
<script src="{{ URL::asset('dashboard/assets/pages/datatables.init.js') }}"></script>


<!-- Sweet-Alert  -->
<script src="{{ URL::asset('dashboard/plugins/sweet-alert2/sweetalert2.min.js') }}"></script>

<script src="{{ URL::asset('js/student-management-6.js') }}"></script>

<script type="text/javascript">
    $('.holdIt').click(function (event) {
        event.preventDefault();
        const url = $(this).attr('href');
        const title = $(this).data('title');
        Swal.fire({
            title: title,
            text: "عدد ايام الايقاف",
            type: "warning",
            input:"number",
            showCancelButton: true,
            cancelButtonText: "{{trans('labels.cancel')}}",
            confirmButtonColor: "#02a499",
            cancelButtonColor: "#ec4561",
            confirmButtonText: "تاكيد"
        }).then(function (result) {
            if (result.value) {

                Swal.fire({
                    title: "تم التنفذ",
                    text: "",
                    type: "success",
                    confirmButtonText: "{{trans('labels.ok')}}"
                });
                console.log(2);
                $(`<form action="${url}" method="post">
                 @csrf                
                 <input type="hidden" name="hold_days" value="${result.value}">
                 </form>`).appendTo('body').submit();
            }
        });
    });

    $('.releaseIt').click(function (event) {
        event.preventDefault();
        const url = $(this).attr('href');
        const title = $(this).data('title');
        Swal.fire({
            title: title,
            type: "warning",
            showCancelButton: true,
            cancelButtonText: "{{trans('labels.cancel')}}",
            confirmButtonColor: "#02a499",
            cancelButtonColor: "#ec4561",
            confirmButtonText: "تاكيد"
        }).then(function (result) {
            if (result.value) {

                Swal.fire({
                    title: "تم التنفذ",
                    text: "",
                    type: "success",
                    confirmButtonText: "{{trans('labels.ok')}}"
                });
                console.log(2);
                $(`<form action="${url}" method="post">
                 @csrf                
                 </form>`).appendTo('body').submit();
            }
        });
    });

    $('.replaceIt').click(function(event){
        event.preventDefault();
        const url = $(this).attr('href');
        const list = $(this).data('list');
        Swal.fire({
            title: "برجاء تحديد الباقة التي تريد التبديل اليها",
            type: "warning",
            input: 'select',
            inputOptions: list,
            inputPlaceholder: 'اختر الباقة اولا',
            showCancelButton: true,
            cancelButtonText: "{{trans('labels.cancel')}}",
            confirmButtonColor: "#02a499",
            cancelButtonColor: "#ec4561",
            confirmButtonText: "تاكيد"
        }).then(function (result) {
            if (result.value) {

                Swal.fire({
                    title: "تم التنفذ",
                    text: "",
                    type: "success",
                    confirmButtonText: "{{trans('labels.ok')}}"
                });
                console.log(2);
                $(`<form action="${url}" method="post">
                    <input type="hidden" name="package_id" value="${result.value}">
                 @csrf                
                 </form>`).appendTo('body').submit();
            }
        });
    });

</script>
@endsection