@extends('layouts.layout')
@section('title', 'Customer Student')
@section('content')
@include('customers.customer_sidebar')

<div class="tab-content-wrap">
    <div class="tab-pane">
        <div class="d-flex justify-content-between align-items-center mb-4">
            <a href="#" data-toggle="modal" data-target="#addstudentmodal" class="btn">Add Student</a>
            <!-- <a href="{{ url('/customers') }}"  class="btn">Back</a> -->
            <a href="{{ url('customers/' . request()->id . '/customer-account') }}" class="btn">Back</a>
        </div>
    </div>
    <div class="paymentTabbing customer-tabbing student-tabbing">
        @include('customers.student_list')
        <div class="tab-content">
            <div class="tab-pane active">
                <div class="mb-4">
                    <h3>About</h3>
                </div>
                <form method="post" action="{{ url('student/update', request()->sid) }}" id="updatestudent"
                    class="updatestudent">
                    @csrf
                    <div class="custom-form-inner">
                        <div class="custom-form-column">
                            <div class="form-wrap form-wrap-custom">
                                <input type="text" id="fname" value="{{ $studentactive->firstname }}"
                                    class="form-control" name="firstname" placeholder=" ">
                                <label for="fname">First Name*</label>
                            </div>
                            <div class="form-wrap  form-wrap-custom">
                                <input type="text" id="lname" class="form-control"
                                    value="{{ $studentactive->lastname }}" name="lastname" placeholder="">
                                <label for="lname">Last Name*</label>
                            </div>
                            <div class="form-wrap">
                                <select name="gender" id="" class="form-select">
                                    <option value="">Select Gender*</option>
                                    <option @if ($studentactive->gender == 'male') selected @endif value="male">Male
                                    </option>
                                    <option @if ($studentactive->gender == 'female') selected @endif value="female">Female
                                    </option>
                                    <option @if ($studentactive->gender == 'other') selected @endif value="other">Other
                                    </option>
                                </select>
                            </div>
                                                        <div class="form-wrap datepicker-dob date input-group form-wrap-custom">

                                <input type="text" id="dobdate1"
                                    value="{{ date('d/m/Y', strtotime($studentactive->dob)) }}"
                                    class="form-control datepicker-custom-dob" name="dob">
                                <label for="dobdate1" class="style-label">Date Of Birth*</label>
                                <div class="input-group-append">
                                    <i class="fas fa-calendar-alt"></i>
                                </div>
                                <span class="date-detail">0 Year 0 Month 0 Day</span>
                            </div>
                        </div>
                        <div class="custom-form-column student-right">
                            <p>Date First Added: <strong>
                                    @if (!empty($studentactive->created_at) && $studentactive->created_at != '0000-00-00 00:00:00')
                                    {{ date('d/m/y | H:m', strtotime($studentactive->created_at)) }}
                                    @endif
                                </strong>
                            </p>
                            <div class="termComplete">
                                <p><strong>TERMS</strong></p>
                                <p class="termCompleteDetail">

                                    <span> Imported Terms:</span>
                                    <span id="term_complated_input">
                                        <input onchange="import_update_term_count(this.value,'{{ $termscomplated }}')" onkeyup="import_update_term_count(this.value,'{{ $termscomplated }}')" type="number" id="term_complated" class="termInput" name="term_complated" value="{{(($studentactive->changed_terms_count == null) ? 0 : $studentactive->changed_terms_count)}}" />
                                    </span>

                                </p>

                                <p class="termCompleteDetail">

                                    <span>Completed Terms (New System): </span>
                                    <span id="term_complated_span">
                                        <input type="text" class="termInput" disabled value="{{ $termscomplated }}" />
                                    </span>

                                </p>

                                <p class="termCompleteDetail">
                                    <span>Manual Adjustment:</span>
                                    <span id="manual_adjustment_terms_input">
                                        <input placeholder="Manual" onchange="manual_update_term_count(this.value,'{{ $termscomplated }}')" onkeyup="manual_update_term_count(this.value,'{{ $termscomplated }}')" type="number" id="manual_adjustment_terms_count" class="termInput" name="manual_adjustment_terms_count" value="{{(($studentactive->manual_adjustment_terms_count == null) ? 0 : $studentactive->manual_adjustment_terms_count)}}" />
                                    </span>

                                </p>

                                <p class="termCompleteDetail">
                                    <span> Total Terms With Jigsaw:</span>
                                    <span id="total_term_complated">
                                        <input id="total_term_complated_input" type="text" class="termInput" disabled value="{{ ($termscomplated + $studentactive->changed_terms_count) + $studentactive->manual_adjustment_terms_count }}" />
                                    </span>
                                </p>

                            </div>
                            <input type="hidden" id="is_term_complated_count_updated" name="is_term_complated_count_updated" value="no">
                            <input type="hidden" id="is_manual_adjustment_count_updated" name="is_manual_adjustment_count_updated" value="no">


                            {{-- <p>Current Term: <strong>{{ $currentterms }} </strong></p> --}}
                            <div class="switch-block mb-2">
                                <label class="switch-title mb-0">Active / InActive</label>
                                <label class="switch mb-0">
                                    <input type="checkbox" name="status"
                                        @if ($studentactive->status == '1') checked value='1' @else value='0' @endif>
                                    <span class="slider round"></span>
                                </label>
                            </div>


                        </div>
                    </div>
                    <div class="d-flex justify-content-end mb-4">
                        <button class="btn">Update Student</button>
                    </div>
                </form>
                <div class="custom-hr mb-4"></div>
                <h3 class="mb-4">Medical Notes</h3>

                @if (isset($studentactive->medicalNote) && count($studentactive->medicalNote) > 0)
                @foreach ($studentactive->medicalNote as $note)
                <div class="new-note-teaser" id="block{{ $note->id }}">
                    <div class="new-note-header">
                        <h4>Updated: {{ date_format($note->updated_at, 'd/m/y H:m') }} {{ $note->remark }}</h4>
                        <div class="note-action-btn">
                            <a href="javasctript:;" onclick="updatenote()"><i
                                    class="fas fa-edit"></i></a>
                            <a href="javasctript:;" data-id="{{ $note->id }}"
                                data-sid="{{ request()->id }}" class="delete-student-note"><i
                                    class="fas fa-trash-alt"></i></a>
                        </div>
                    </div>
                    <div class="new-note-content">
                        <p>{!! $note->notes !!}</p>
                    </div>
                </div>
                @endforeach
                @endif
                <div class="d-flex justify-content-end">
                    <a href="#" data-toggle="modal" data-target="#addnotemodal" class="btn">Add New Note</a>
                </div>
                <div class="custom-hr my-4"></div>
                <h3>Current Bookings</h3>

                @if (!empty($studentbooking) && count($studentbooking) > 0)
                @foreach ($studentbooking as $studentbookingval)
                <div class="class-detail-block">

                    <div class="class-detail-left">
                        @if(controls_access($studentbookingval['franchise_id']) == "yes")
                        <div class="class-left-content">
                            <h3>Controls</h3>
                        </div>
                        <div class="class-btn-group">
                            @if (!empty($studentbookingval) && !empty($studentbookingval->student))
                            @if ($studentbookingval->booking_status != 'move' && $studentbookingval->booking_status != 'cancel')
                            @if ($studentbookingval->booking_type != 'trial' && $studentbookingval->is_class_end == 'running')

                            @if(date('Y-m-d') < date('Y-m-d', strtotime($studentbookingval->classes->start_date)))
                                <!-- <button onclick="selectMoveClass('{{ urlencode($studentbookingval) }}')" type="button" class="btn">Move Class </button> -->
                                @endif
                                <a href="javascript:;" class="btn"
                                    onclick="selectCancelClass('{{ urlencode($studentbookingval) }}')">Cancel
                                    class</a>
                                @endif
                                <a href="javascript:;" class="btn"
                                    onclick="openaddstudent({{ $studentbookingval->id }},'Change student')">Change
                                    student</a>
                                @else
                                @if ($studentbookingval->booking_status != 'move' && $studentbookingval->booking_status != 'cancel')
                                @if ($studentbookingval->is_class_end == 'running')
                                <a href="javascript:;" class="btn"
                                    onclick="selectCancelClass('{{ urlencode($studentbookingval) }}')">Cancel
                                    class</a>
                                @endif
                                @if ($studentbookingval->booking_type == 'trial')
                                @if ($studentbookingval->order->is_trial_to_full_term == 0)
                                <a href="javascript:;" class="btn"
                                    onclick="openaddstudent({{ $studentbookingval->id }},'Change student')">Change
                                    student</a>
                                @endif
                                @else
                                <a href="javascript:;" class="btn"
                                    onclick="openaddstudent({{ $studentbookingval->id }},'Change student')">Change
                                    student</a>
                                @endif
                                @endif
                                @endif
                                @endif
                                @if ($studentbookingval->booking_type == 'trial' && $studentbookingval->booking_status != "move" && $studentbookingval->booking_status != "cancel" && $studentbookingval->booking_status != "move_to_full_term")
                                <button type="button" class="btn" id="trial-to-full-convert-{{$studentbookingval->id}}" onclick="opentrialtofullterm('{{ urlencode($studentbookingval->classQuoteItemResponseFullTerm) }}', '{{$studentbookingval->id}}')">Book For Full Term</button>
                                <input type="hidden" name="order_id" id="order_id"
                                    value="{{ $studentbookingval->order_id }}">

                                <input type="hidden" name="sub_total_amount" id="sub_total_amount"
                                    value="{{ $studentbookingval->full_term_sub_total_amount }}">
                                <input type="hidden" name="total_amount" id="total_amount"
                                    value="{{ $studentbookingval->full_term_total_amount }}">
                                <input type="hidden" name="discount_amount" id="discount_amount"
                                    value="{{ $studentbookingval->full_term_discount_amount }}">
                                <input type="hidden" name="grant_total_amount" id="grant_total_amount"
                                    value="{{ $studentbookingval->full_term_grant_total_amount }}">
                                <input type="hidden" name="currentAmountArr" id="currentAmountArr"
                                    value="{{ $studentbookingval->full_term_currentAmountArr }}">
                                <input type="hidden" name="order_details" id="order_details"
                                    value="{{ urlencode($studentbookingval->order) }}">
                                <input type="hidden" name="cancelbooking" id="cancelbooking"
                                    value="">
                                @endif

                        </div>
                        @endif
                    </div>
                    <div class="class-detail-right">
                        <div class="detail-right-teaser">
                            <div class="d-flex justify-content-between align-items-center">
                                <h3 class="mb-3">Detail</h3>
                                @if ($studentbookingval['booking_status'] == 'move')
                                <label class="btn">Class Moved </label>
                                @elseif ($studentbookingval['booking_status'] == 'cancel')
                                <label class="btn">Class Cancelled </label>
                                @elseif ($studentbookingval['booking_status'] == 'renewal')
                                <label class="btn">Class Renewed </label>
                                @elseif ($studentbookingval['booking_status'] == 'renewal_cancel')
                                <label class="btn">Class Renewed Cancelled</label>
                                @else
                                @if ($studentbookingval->booking_type == 'trial')
                                <div class="d-flex justify-content-between align-items-center">
                                    @if ($studentbookingval['is_trial_cancel'] == '0' && $studentbookingval['booking_status'] == 'move_to_full_term')
                                    <label class="btn disabled-form">Class Booked To Full
                                        Term</label>
                                    @elseif($studentbookingval['is_trial_cancel'] == '1')
                                    <label class="btn disabled-form">Class cancelled for full
                                        term</label>
                                    @endif
                                </div>
                                @endif
                                @endif
                            </div>
                            <h5>
                                {{ Str::ucfirst($studentbookingval['franchise']['name']) }} <br />
                                {{ Str::ucfirst($studentbookingval['classes']['venue']['name']) }} VENUE:
                                {{ $studentbookingval['classes']['classage']['class_age_from'] }} -
                                {{ $studentbookingval['classes']['classage']['class_age_to'] }} Year Olds
                            </h5>
                            <table class="class-detail-tbl">
                                <tr>
                                    <td>
                                        <strong>
                                            <span>Order ID:</span>
                                            @if(controls_access($studentbookingval['franchise_id']) == "yes")
                                                <a href="{{ url('class-booking/class-booking-details/' . $studentbookingval->order->id . '') }}"> {!! $studentbookingval->order->order_number !!} </a>
                                            @else
                                            <a href="javascript:void(0);">{!! $studentbookingval->order->order_number !!}</a>
                                            @endif

                                        </strong>
                                    </td>
                                    <td>
                                        <strong>
                                            <span>Date:</span>
                                            {!! date('d/m/y H:i', strtotime($studentbookingval->created_at)) !!}
                                        </strong>
                                    </td>
                                    <td>
                                        <strong>
                                            <span>TERM: </span>
                                            {!! !empty($studentbookingval->classes->term) ? $studentbookingval->classes->term->term_name : '' !!}
                                        </strong>
                                    </td>
                                </tr>
                                <tr class="v-top">

                                    <td>
                                        <strong>
                                            <span>TYPE:</span>
                                            @if ($studentbookingval['booking_type'] == 'full_term')
                                            {{ 'Full Term' }}
                                            @elseif($studentbookingval['booking_type'] == 'term')
                                            {{ 'Term' }}
                                            @elseif($studentbookingval['booking_type'] == 'trial')
                                            {{ 'Trial' }}
                                            @endif
                                        </strong>
                                    </td>
                                    <td>
                                        <strong>
                                            <span>TOTAL BOOKING VALUE:</span>
                                            £{{ number_format($studentbookingval->amount, 2) }}
                                        </strong>
                                    </td>
                                    <td>
                                        @if (!empty($studentbookingval->order->booking_installment) && count($studentbookingval->order->booking_installment) > 0)
                                        <strong><span>Payments <br> (Instalments)</span></strong>
                                        @foreach ($studentbookingval->order->booking_installment as $ordeinstallmentval)
                                        {!! date('jS M y', strtotime($ordeinstallmentval->installment_date)) !!}<!-- 1st January 2023 -->:
                                        £{!! number_format($ordeinstallmentval->installment_amount, 2) !!} <br>
                                        @endforeach
                                        @endif
                                    </td>
                                </tr>
                            </table>
                            <div class="custom-hr"></div>
                        </div>
                        <div class="detail-right-teaser">
                            <h3>Description</h3>
                            <div class="class-desc-teaser flex-wrap">
                                <div class="class-desc-block">
                                    <div class="icon-teaser">
                                        <div class="icon-teaser-img">
                                            <img src="{{ asset('images/date.svg') }}" alt="">
                                        </div>
                                        <div class="icon-teaser-content">
                                            <p>
                                                <span>DAY</span>
                                                {{ $studentbookingval['next_class_day'] }}
                                            </p>
                                        </div>
                                    </div>

                                    <div class="icon-teaser">
                                        <div class="icon-teaser-img">
                                            <img src="{{ asset('images/location.svg') }}" alt="">
                                        </div>
                                        <div class="icon-teaser-content">
                                            <p>
                                                <span>location</span>
                                                <span
                                                    class="d-block font-weight-normal text-capitalize">{{ !empty($studentbookingval->classes->venue->address1) ? $studentbookingval->classes->venue->address1 : '' }}</span>
                                                <span
                                                    class="d-block font-weight-normal text-capitalize">{{ !empty($studentbookingval->classes->venue->address2) ? $studentbookingval->classes->venue->address2 : '' }}</span>
                                                <span
                                                    class="d-block font-weight-normal text-capitalize">{{ !empty($studentbookingval->classes->venue->address3) ? $studentbookingval->classes->venue->address3 : '' }}</span>
                                                <span
                                                    class="d-block font-weight-normal text-capitalize">{{ !empty($studentbookingval->classes->venue->county) ? $studentbookingval->classes->venue->county . ', ' . $studentbookingval->classes->venue->country : '' }}</span>
                                                <span
                                                    class="d-block font-weight-normal text-capitalize">{{ !empty($studentbookingval->classes->venue->postcode) ? $studentbookingval->classes->venue->postcode : '' }}</span>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="class-desc-block">

                                    <div class="icon-teaser">
                                        <div class="icon-teaser-img">
                                            <img src="{{ asset('images/time.svg') }}" alt="">
                                        </div>
                                        <div class="icon-teaser-content">
                                            <p>
                                                <span>Time</span>
                                                {{ $studentbookingval['next_class_start_time'] }} -
                                                {{ $studentbookingval['next_class_end_time'] }}
                                            </p>
                                        </div>
                                    </div>

                                </div>

                                <div class="class-desc-block w-100">
                                    <div class="icon-teaser">
                                        @if (!empty($studentbookingval->studentattendence) && count($studentbookingval->studentattendence) > 0)
                                        <div class="icon-teaser-img">
                                            <img src="{{ asset('images/date.svg') }}" alt="">
                                        </div>
                                        <div class="icon-teaser-content">
                                            <span>Dates
                                                {{ $studentbookingval->booking_type == 'trial' ? '(Trial class)' : '' }}</span>
                                            <ul>
                                                @foreach ($studentbookingval->studentattendence as $skey => $studentattendencedetail)
                                                @if ($skey >= 2 && $studentbookingval->booking_type == 'trial')
                                                @else
                                                <li
                                                    @if ($studentattendencedetail->is_active == '1') class="text-danger text-custom-line-through" @elseif ($studentattendencedetail->is_student_present == '1') class="check-text" @elseif($studentattendencedetail->is_student_present == '2') class="uncheck-text"
                                                    @elseif($studentattendencedetail->class_date < returnCurrentDate('Y-m-d')) class="check-text" @endif>
                                                        {!! ucwords($studentattendencedetail->class_day) !!} {!! date('jS F Y', strtotime($studentattendencedetail->class_date)) !!}
                                                </li>
                                                @endif
                                                @endforeach
                                            </ul>
                                        </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                @endforeach
                @else
                <div class="class-detail-block">
                    <div class="maintenance no_booking">
                        <div class="maintenance_contain">
                            <!--  <img src="https://demo.wpbeaveraddons.com/wp-content/uploads/2018/02/main-vector.png" alt="maintenance"> -->
                            <span class="pp-infobox-title-prefix">
                                <h3 class="pp-infobox-title"><i class="fa fa-exclamation-triangle"
                                        aria-hidden="true"></i></h3>
                            </span>
                            <div class="pp-infobox-title-wrapper">
                                <h3 class="pp-infobox-title">No current booking.</h3>
                            </div>

                        </div>
                    </div>
                </div>
                @endif

                <div class="custom-hr mb-4"></div>
                <h3 class="mb-3">Previous Booking</h3>
                @if (!empty($previousBookings) && count($previousBookings))

                <div class="table-wrap">
                    <table class="table table-bordered table-striped" id="example2">
                        <thead>
                            <tr>
                                <th>Order Id</th>
                                <th>Transaction Date</th>
                                <th>Term</th>
                                <th>Price</th>
                                <th>Booking Type</th>
                                <th>Venue</th>
                                <th>Age group</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($previousBookings as $previousBookingsItem)
                            <tr>
                                <td>
                                    @if(controls_access($previousBookingsItem['franchise_id']) == "yes")
                                        <a href="{{ url('class-booking/class-booking-details/' . $previousBookingsItem['order_id'] . '') }}">{{ $previousBookingsItem['order']['order_number'] }}</a>
                                    @else
                                        <a href="javascript:void(0);">{{ $previousBookingsItem['order']['order_number'] }}</a>
                                    @endif
                                </td>
                                <td>{{ date('d/m/y | H:i', strtotime($previousBookingsItem['created_at'])) }}
                                </td>
                                <td> {{ ((!empty($previousBookingsItem['classes']['term']['term_name'])) ? Str::ucfirst($previousBookingsItem['classes']['term']['term_name']) : '') }}</td>
                                <td>£{{ number_format($previousBookingsItem['amount'], 2) }}</td>
                                <td>
                                    @if ($previousBookingsItem['classes']['type'] == "holiday" || $previousBookingsItem['classes']['type'] == "other")
                                    {{ ucfirst($previousBookingsItem['classes']['type']) }}
                                    @else

                                    @if ($previousBookingsItem['booking_type'] == 'full_term')
                                    {{ 'Full Term' }}
                                    @elseif($previousBookingsItem['booking_type'] == 'term')
                                    {{ 'Term' }}
                                    @elseif($previousBookingsItem['booking_type'] == 'trial')
                                    {{ 'Trial' }}
                                    @endif

                                    @endif

                                </td>
                                <td>{{ $previousBookingsItem['classes']['venue']['name'] }}</td>
                                <td>{{ $previousBookingsItem['classes']['classage']['class_age_from'] }}-{{ $previousBookingsItem['classes']['classage']['class_age_to'] }}
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                @else
                <div class="maintenance no_booking">
                    <div class="maintenance_contain">
                        <span class="pp-infobox-title-prefix">
                            <h3 class="pp-infobox-title">
                                <i class="fa fa-exclamation-triangle" aria-hidden="true"></i>
                            </h3>
                        </span>
                        <div class="pp-infobox-title-wrapper">
                            <h3 class="pp-infobox-title">No previous booking.</h3>
                        </div>

                    </div>
                </div>
                @endif

                <div class="custom-hr my-4"></div>

                @if(!empty($studentReportData) && count($studentReportData) > 0)
                <div class="d-flex justify-content-between align-items-top">
                    <h3 class="mb-0">Certificate History</h3> <br><br>
                </div>


                <div class="certificate-wrapper">

                    @foreach ($studentReportData as $srkey => $srvalue)
                    <div class="certificate-teaser green">
                        <a href="{{ url('student_report_certificate/' . $srvalue['id']) }}">
                            <p>
                                {{ ((!empty($srvalue['term']['term_name'])) ? Str::ucfirst($srvalue['term']['term_name']) : '') }}
                                <!-- {{ ((!empty($srvalue['booking']['classes']['term']['term_name'])) ? Str::ucfirst($srvalue['booking']['classes']['term']['term_name']) : '') }} -->
                                <br>
                                {{ ((!empty($srvalue['franchise']['name'])) ? $srvalue['franchise']['name'] : '') }}
                                <br>
                                Year - {{ $srvalue['year'] }}
                                <br>
                                {{ date('d/m/Y', strtotime(student_certificate_end_date($srvalue['term']['term_name'], $srvalue['term']['end_date']))) }}
                            </p>
                        </a>
                    </div>
                    @endforeach
                </div>
                @endif


                <div class="custom-hr my-4"></div>
                <h3>Reports</h3>
                <div class="permission-block">
                    <div class="table-wrap-class accordion-table student-table  last-th-none">
                        <table class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>Class</th>
                                    <th>Report Date</th>
                                    <th>Date Last Sent</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>

                            </tbody>
                        </table>

                    </div>
                </div>

            </div>
        </div>
        <div class="modal fade small-modal" id="addstudentmodal" tabindex="-1" role="dialog"
            aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h3 class="modal-title" id="exampleModalLabel">Add Student</h3>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <form method="post" action="{{ url('student/store', request()->id) }}" id="newstudent"
                            class="newstudent">
                            @csrf
                            <div class="custom-form-inner">
                                <div class="custom-form-column fluid-column">
                                    <div class="form-wrap form-wrap-custom">
                                        <input type="text" id="fname" class="form-control" name="firstname"
                                            placeholder=" ">
                                        <label for="fname">First Name*</label>
                                    </div>
                                    <div class="form-wrap  form-wrap-custom">
                                        <input type="text" id="lname" class="form-control" name="lastname"
                                            placeholder="">
                                        <label for="lname">Last Name*</label>
                                    </div>
                                    <div class="form-wrap">
                                        <select name="gender" id="" class="form-select">
                                            <option value="">Select Gender*</option>
                                            <option value="male">Male</option>
                                            <option value="female">Female</option>
                                            <option value="other">Other</option>
                                        </select>
                                    </div>
                                    <div class="form-wrap datepicker-dob date input-group style-input">
                                        <label for="dobdate" class="style-label">Date Of Birth*</label>
                                        <input type="text" id="dobdate"
                                            class="form-control datepicker-custom-dob" name="dob">
                                        <div class="input-group-append">
                                            <i class="fas fa-calendar-alt"></i>
                                        </div>
                                    </div>
                                    <div class="form-wrap">
                                        <select name="status" id="" class="form-select">
                                            <option value="">Select Status*</option>
                                            <option value="1" selected>Active</option>
                                            <option value="0">Inactive</option>
                                        </select>
                                    </div>
                                    <div class="form-wrap form-wrap-custom">
                                        <textarea id="medicalnote" class="form-control" name="medical_note" placeholder=" "></textarea>
                                        <label for="medicalnote">Medical Note</label>
                                    </div>
                                </div>

                            </div>

                            <div class="d-flex justify-content-end">
                                <button type="submit" class="btn">Save</button>
                            </div>

                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade bg-modal small-modal show" data-backdrop="static" data-keyboard="false" id="addnotemodal"
    tabindex="-1">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title" id="exampleModalLabel">Add Student Note</h3>
                <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="{{ url('student/add_note', request()->sid) }}" method="post"
                    enctype="multipart/form-data" id="add_note">
                    @csrf
                    <div class="custom-form-inner">
                        <div class="custom-form-column fluid-column">
                            <div class="form-wrap  form-wrap-custom">
                                <textarea name="note" id="newno_edit" cols="30" rows="10" class="form-control" placeholder=" "></textarea>
                                <label for="newno_edit">Note*</label>
                            </div>
                            <input type="hidden" value="{{ request()->id }}" name="customer_id" />
                        </div>
                    </div>

                    <div class="d-flex justify-content-end">
                        <button type="submit" class="btn">Add Note</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<div class="modal fade bg-modal small-modal show" data-backdrop="static" data-keyboard="false"
    id="edit_student_note" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title" id="exampleModalLabel">Edit Student Note</h3>
                <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form action="{{ url('studentnote/update') }}" method="post" enctype="multipart/form-data"
                    id="edit_note">
                    @csrf
                    <div class="custom-form-inner">
                        <div class="custom-form-column fluid-column">
                            <div class="form-wrap  form-wrap-custom">
                                <input type="hidden" id="note_id" name="note_id" />
                                <input type="hidden" value="{{ request()->id }}" name="customer_id" />
                                <input type="hidden" value="{{ request()->sid }}" name="student_id" />
                                <textarea name="note" id="newno_edit" cols="30" rows="10" class="form-control" placeholder=" "></textarea>
                                <label for="newno_edit">Note*</label>
                            </div>

                        </div>
                    </div>
                    <div class="d-flex justify-content-end">
                        <button type="submit" class="btn">Save</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="changeStudent" data-backdrop="static" data-keyboard="false" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
        <div class="modal-content ">
            <div class="modal-header">
                <h3 class="modal-title">Change Student</h3>
                <button type="button" class="close changeStudentclose" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body ">
                <div class="changeStudent-row changestudentmodaldetails">

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

@include('common.fullterm')
<script type="text/javascript">
    $(document).ready(function() {
        $(this).scrollTop(0);
    });

    function download_privous_certificate(privousclassdetailskey) {
        var certificate_id = $("input[name='perviouscertificate_url" + privousclassdetailskey + "[]']")
            .map(function() {
                return $(this).val();
            }).get();
        $.each(certificate_id, function(key, val) {
            window.open(val);
        });

    }

    function download_current_certificate() {
        var certificate_id = $("input[name='certificate_id[]']")
            .map(function() {
                return $(this).val();
            }).get();
        $.each(certificate_id, function(key, val) {
            window.open(val);
        });

    }
</script>
@if (Auth::user()->role_id == 1)
<script>
    $(function() {
        var table = $(".table-wrap-class .table").DataTable({
            processing: true,
            language: {
                searchPlaceholder: "Search",
            },
            dom: '<"custom-table-info"<"custom-table-left"B><"custom-table-right"frlp>><"custom-table"t>p',

            language: {
                searchPlaceholder: "Search",
                "lengthMenu": '<select class="form-select">' +
                    '<option value="50">Show: 50</option>' +
                    '<option value="75">Show: 75</option>' +
                    '<option value="100">Show: 100</option>' +
                    '<option value="150">Show: 150</option>' +
                    '<option value="300">Show: 300</option>' +
                    '<option value="-1">Show: All</option>' +
                    '</select> '
            },
            serverSide: true,
            ordering: true,
            order: [],
            pageLength: 50,
            buttons: ["excel", "pdf", "print"],
            ajax: {
                url: "{{ url('customer/student-reports') }}",
                data: function(d) {
                    d.student_id = '{{ request()->sid }}';
                    d.search = $('input[type="search"]').val();
                }
            },
            columns: [{
                    data: 'class',
                    name: 'class',
                    serachable: true
                },
                {
                    data: 'reportdate',
                    name: 'reportdate',
                    serachable: true
                },
                {
                    data: 'datesent',
                    name: 'datesent',
                    serachable: true
                },
                {
                    className: 'dtd-control',
                    orderable: false,
                    data: 'view',
                    defaultContent: ''
                }

            ],
            "fnDrawCallback": function(oSettings, json) {


                if ($('.table-wrap-class').find(".dataTables_paginate").eq(0).find('span').find("a")
                    .length > 1) {

                    $('.table-wrap-class').find(".dataTables_paginate").show();
                } else {
                    $('.table-wrap-class').find(".dataTables_paginate").hide();
                }
            }

        });
        var openAccordionId = null; // variable to store the ID of the currently open accordion

        table.on('click', 'td.dtd-control', function(e) {


            var id = $(this).children("a").attr("data-id");
            let tr = e.target.closest('tr');
            let row = table.row(tr);



            if (row.child.isShown()) {
                // This row is already open - close it
                row.child.hide();
            } else {
                $.ajax({
                    type: "POST",
                    dataType: "json",
                    url: "{{ url('student-reports/getexpandview') }}",
                    data: {
                        booking_id: id,
                        _token: '{{ csrf_token() }}'
                    },
                    success: function(response) {
                        row.child(format(response.data)).show();
                        if (openAccordionId !== null && openAccordionId !== id) {
                            // If there's an open accordion and it's not the one being clicked, close it
                            var openAccordionRow = table.row('#closemodel' +
                                openAccordionId);
                            openAccordionRow.child.hide();
                        }
                        row.node().id = 'closemodel' + id;
                        openAccordionId = id;
                    }
                });
                // Open this row

            }
        });

    });

    function savestudentreport(value) {
        var dance = $('#dance' + value).val();
        var drama = $('#drama' + value).val();
        var singing = $('#singing' + value).val();
        var manager = $('#manager' + value).val();

        var booking_id = value;
        const swalWithBootstrapButtons = Swal.mixin({
            customClass: {
                confirmButton: 'btn btn-success',
                cancelButton: 'btn btn-danger'
            },
            buttonsStyling: false
        });
        if (dance || drama || singing || manager) {
            $.ajax({
                type: "POST",
                dataType: "json",
                url: "{{ url('student-reports/storereportdata') }}",
                data: {
                    dance: dance,
                    drama: drama,
                    singing: singing,
                    manager: manager,
                    booking_id: booking_id,
                    _token: '{{ csrf_token() }}'
                },
                success: function(response) {

                    $('.table-wrap-class .table').DataTable().ajax.reload();

                    swalWithBootstrapButtons.fire(
                        'Report',
                        'Report comment added.',
                        'success'
                    );

                }
            });
        } else {
            swalWithBootstrapButtons.fire(
                'Validation',
                'Yon need to add at least one field form Dance,Drama,Singing,Manager.',
                'warning'
            );
        }

    }
</script>
@else
<script>
    $(function() {
        var table = $(".table-wrap-class .table").DataTable({
            processing: true,
            language: {
                searchPlaceholder: "Search",
            },
            dom: '<"custom-table-info"<"custom-table-left"B><"custom-table-right"frlp>><"custom-table"t>p',

            language: {
                searchPlaceholder: "Search",
                "lengthMenu": '<select class="form-select">' +
                    '<option value="50">Show: 50</option>' +
                    '<option value="75">Show: 75</option>' +
                    '<option value="100">Show: 100</option>' +
                    '<option value="150">Show: 150</option>' +
                    '<option value="300">Show: 300</option>' +
                    '<option value="-1">Show: All</option>' +
                    '</select> '
            },
            serverSide: true,
            ordering: true,
            order: [],
            pageLength: 50,
            buttons: ["excel", "pdf", "print"],
            ajax: {
                url: "{{ url('customer/student-reports') }}",
                data: function(d) {
                    d.student_id = '{{ request()->sid }}';
                    d.search = $('input[type="search"]').val();
                }
            },
            columns: [{
                    data: 'class',
                    name: 'class',
                    serachable: true
                },
                {
                    data: 'reportdate',
                    name: 'reportdate',
                    serachable: true
                },
                {
                    data: 'datesent',
                    name: 'datesent',
                    serachable: true
                },
                {
                    className: 'dtd-control',
                    orderable: false,
                    data: 'view',
                    defaultContent: ''
                }

            ],
            "fnDrawCallback": function(oSettings, json) {
                // console.log($('.table-custom-wrap').find(".dataTables_paginate").eq(0).find('span').find("a").length);
                // $("html, body").animate({
                //         scrollTop: $(".table-wrap-class").offset().top,
                //     },
                //     "slow"
                // );

                if ($('.table-wrap-class').find(".dataTables_paginate").eq(0).find('span').find("a")
                    .length > 1) {
                    $('.table-wrap-class').find(".dataTables_paginate").show();
                } else {
                    $('.table-wrap-class').find(".dataTables_paginate").hide();
                }
            }

        });
        var openAccordionId = null; // variable to store the ID of the currently open accordion

        table.on('click', 'td.dtd-control', function(e) {


            var id = $(this).children("a").attr("data-id");
            let tr = e.target.closest('tr');
            let row = table.row(tr);



            if (row.child.isShown()) {
                // This row is already open - close it
                row.child.hide();
            } else {
                $.ajax({
                    type: "POST",
                    dataType: "json",
                    url: "{{ url('student-reports/getexpandview') }}",
                    data: {
                        booking_id: id,
                        _token: '{{ csrf_token() }}'
                    },
                    success: function(response) {
                        row.child(format(response.data)).show();
                        if (openAccordionId !== null && openAccordionId !== id) {
                            // If there's an open accordion and it's not the one being clicked, close it
                            var openAccordionRow = table.row('#closemodel' +
                                openAccordionId);
                            openAccordionRow.child.hide();
                        }
                        row.node().id = 'closemodel' + id;
                        openAccordionId = id;
                    }
                });
                // Open this row

            }
        });

    });

    function savestudentreport(value) {
        var dance = $('#dance' + value).val();
        var drama = $('#drama' + value).val();
        var singing = $('#singing' + value).val();
        var manager = $('#manager' + value).val();

        var booking_id = value;
        const swalWithBootstrapButtons = Swal.mixin({
            customClass: {
                confirmButton: 'btn btn-success',
                cancelButton: 'btn btn-danger'
            },
            buttonsStyling: false
        });
        if (dance || drama || singing || manager) {
            $.ajax({
                type: "POST",
                dataType: "json",
                url: "{{ url('student-reports/storereportdata') }}",
                data: {
                    dance: dance,
                    drama: drama,
                    singing: singing,
                    manager: manager,
                    booking_id: booking_id,
                    _token: '{{ csrf_token() }}'
                },
                success: function(response) {
                    $("#multipleselect").prop("checked", false);
                    $('.table-wrap-class .table').DataTable().ajax.reload();
                    swalWithBootstrapButtons.fire(
                        'Report',
                        'Report comment added.',
                        'success'
                    );
                }
            });
        } else {
            swalWithBootstrapButtons.fire(
                'Validation',
                'Yon need to add at least one field form Dance,Drama,Singing,Manager.',
                'warning'
            );
        }

    }
</script>
@endif
<script type="text/javascript">
    function format(d) {
        return (d);
    }

    function sentstudentreport(value) {

        var dance = $('#dance' + value).val()?.trim();
        var drama = $('#drama' + value).val()?.trim();
        var singing = $('#singing' + value).val()?.trim();
        var manager = $('#manager' + value).val()?.trim();

        const swalWithBootstrapButtons = Swal.mixin({
            customClass: {
                confirmButton: 'btn btn-success',
                cancelButton: 'btn btn-danger'
            },
            buttonsStyling: false
        });
        if (dance || drama || singing || manager) {
            $(this).addClass('disabled-form');
            $('.allocation-loader1').removeClass('d-none');
            $("#student_report_booking_id_" + value).addClass('disabled-form');
            $.ajax({
                type: "POST",
                dataType: "json",
                url: "{{ url('student-reports/sendsinglemailtocustomer') }}",
                data: {
                    booking_id: value,
                    dance: dance,
                    drama: drama,
                    singing: singing,
                    manager: manager,
                    _token: '{{ csrf_token() }}'
                },
                success: function(response) {
                    $('.allocation-loader1').addClass('d-none');
                    $("#student_report_booking_id_" + value).removeClass('disabled-form');
                    $(this).removeClass('disabled-form');
                    $('.table-wrap-class .table').DataTable().ajax.reload();
                    swalWithBootstrapButtons.fire(
                        'Sent!',
                        'Report sent successfully.',
                        'success'
                    );

                }
            });
        } else {
            swalWithBootstrapButtons.fire(
                'Validation',
                'Yon need to add at least one field form Dance,Drama,Singing,Manager.',
                'warning'
            );
        }
    }

    function generatestudentreportpdf(value) {
        var dance = $('#dance' + value).val()?.trim();
        var drama = $('#drama' + value).val()?.trim();
        var singing = $('#singing' + value).val()?.trim();
        var manager = $('#manager' + value).val()?.trim();

        $('.allocation-loader').removeClass('d-none');
        $.ajax({
            type: "POST",
            dataType: "json",
            url: "{{ url('student-reports/generatestudentreportpdf') }}",
            data: {
                booking_id: value,
                dance: dance,
                drama: drama,
                singing: singing,
                manager: manager,
                _token: '{{ csrf_token() }}'
            },
            success: function(response) {

                window.open(response.data, '_blank');
                $('.allocation-loader').addClass('d-none');
            }
        });
    }
</script>
{!! JsValidator::formRequest('App\Http\Requests\AddStudentRequest', '#newstudent') !!}
{!! JsValidator::formRequest('App\Http\Requests\EditStudentRequest', '#updatestudent') !!}
{!! JsValidator::formRequest('App\Http\Requests\AddNoteRequest', '#edit_note') !!}
{!! JsValidator::formRequest('App\Http\Requests\AddNoteRequest', '#add_note') !!}

<script>
    function import_update_term_count(imported_term, terms_count) {

        var manual_adjustment = $("#manual_adjustment_terms_count").val();

        $("#is_term_complated_count_updated").val('yes');

        if (imported_term == "" || imported_term == 0) {
            $("#total_term_complated_input").val(Number(terms_count) + Number(manual_adjustment));
        } else {
            $("#total_term_complated_input").val((Number(terms_count) + Number(imported_term)) + Number(manual_adjustment));
        }
    }

    function manual_update_term_count(manual_adjustment, terms_count) {

        var imported_term = $("#term_complated").val();

        $("#is_manual_adjustment_count_updated").val('yes');

        if (manual_adjustment == "" || manual_adjustment == 0) {
            $("#total_term_complated_input").val(Number(terms_count) + Number(imported_term));
        } else {
            $("#total_term_complated_input").val((Number(terms_count) + Number(manual_adjustment)) + Number(imported_term));
        }

    }

    function openaddstudent(id, Changestudent) {
        $('#changeStudent').modal('toggle');
        $('.changestudentmodaldetails').html(' ');
        $('.changestudenttitle').text(Changestudent);
        $.ajax({
            type: "POST",
            dataType: "json",
            url: "{{ url('class-booking/getclassbookingatstudent') }}",
            data: {
                booking_id: id,
                type: Changestudent,
                _token: '{{ csrf_token() }}'
            },
            success: function(response) {
                $('.changestudentmodaldetails').html(response.data)
            }
        });

    }
    $('.changeStudentclose').click(function() {
        $('#changeStudent').modal('hide');
    });
    $(document).ready(function() {
        $('#addnotemodal').modal({
            backdrop: 'static',
            keyboard: false
        }, 'show');
        $('#edit_student_note').modal({
            backdrop: 'static',
            keyboard: false
        }, 'show');

    })

    $("body").on("click", ".delete-student-note", function() {
        const id = $(this).data("id");
        const sid = $(this).data("sid");
        //alert(id);
        const swalWithBootstrapButtons = Swal.mixin({
            customClass: {
                confirmButton: 'btn btn-success',
                cancelButton: 'btn btn-danger'
            },
            buttonsStyling: false
        });

        swalWithBootstrapButtons.fire({
            title: 'Are you sure?',
            text: `Delete This Note?`,
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Yes',
            cancelButtonText: 'No',
            reverseButtons: true
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    method: "POST",
                    url: "/student/delete_note",
                    data: {
                        id: id,
                        sid: sid
                    },
                    success: function(response) {
                        swalWithBootstrapButtons.fire(
                            'Deleted!',
                            `Note has been deleted.`,
                            'success'
                        );
                        $('#block' + id).hide();
                    },

                    error: function(error) {
                        console.error(error);
                        swalWithBootstrapButtons.fire(
                            'Error',
                            'An error occurred while deleting.',
                            'error'
                        );
                    }
                });
            } else if (
                result.dismiss === Swal.DismissReason.cancel
            ) {
                swalWithBootstrapButtons.fire(
                    'Cancelled',
                    'Your Note is safe :)',
                    'error'
                );
            }
        });
    });

    function updatenote(id) {
        axios.post('{{ url(' / note / get - student - note / ') }}', {
                id: id
            })
            .then(function(response) {
                const note = response.data.get_note;
                const modalBody = document.querySelector('#edit_student_note .modal-body');
                $('#edit_student_note #note_id').val(note.id);
                $('#edit_student_note #newno_edit').val(note.notes);
                $('#edit_student_note').modal('show');
            })
            .catch(function(error) {

            });
    }
</script>


@include('common.cancel_class')

@endsection