@extends('layouts.admin')

@section('content')
<!--App-Content-->
<div class="app-content my-3 my-md-5">
    <div class="side-app">
        <x-page.header>Course Offerings</x-page.header>
        @include('admin.errors.form-errors')
        <div class="row">

            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Edit Course Offering</h3>
                    </div>

                    <div class="card-body">
                        <form method="POST" action="{{route('courseofferings.update',$courseOffering)}}" class="form-horizontal">
                            @csrf
                            @if (!$is_there_paid_installments)
                            <div class="form-group ">
                                <div class="row">
                                    <div class="col-md-3">
                                        <label class="form-label mt-2">Academic Year Session <i
                                                class="text-danger">(required)</i></label>
                                    </div>
                                    <div class="col-md-9">

                                        <select id="acys" name="acysid" class="form-control select2-show-search"
                                            required>
                                            @foreach ($academicYearSessions as $item)
                                            <option value="{{$item->acysid}}" {{ $courseOffering->acysid == $item->acysid ? 'selected' : '' }} data-sid={{ $item->sid }}>{{$item->acyname}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                            @endif
                            <div class="form-group ">
                                <div class="row">
                                    <div class="col-md-3">
                                        <label class="form-label mt-2">Teaching Team <i
                                                class="text-danger">(required)</i></label>
                                    </div>
                                    <div class="col-md-9">

                                        <select name="ttid" class="form-control select2-show-search" required>
                                            @foreach ($teachingTeams as $item)
                                            <option value="{{$item->ttid}}" {{ $courseOffering->ttid == $item->ttid ? 'selected' : '' }}>{{$item->ttname}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group ">
                                <div class="row">
                                    <div class="col-md-3">
                                        <label class="form-label mt-2">Course(s) <i
                                                class="text-danger">(required)</i></label>
                                    </div>
                                    <div class="col-md-9">

                                        <select name="cid" id="course" class="form-control select2-show-search" required>
                                            @foreach ($courses as $course)

                                            <option value="{{$course->cid}}" {{ $courseOffering->cid == $course->cid ? 'selected' : '' }}>{{$course->cname.' ( '.$course->level->lshort_name.' )'}}</option>


                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group ">
                                <div class="row">
                                    <div class="col-md-3">
                                        <label class="form-label mt-2">Active <i
                                                class="text-danger">(required)</i></label>
                                    </div>
                                    <div class="col-md-9">
                                        <label class="form-swich">
                                        <input type="checkbox" name="is_active" class="form-switch-input" {{ $courseOffering->is_active ? 'checked' : ''}}>
                                        <span class="form-switch-indicator"></span>
                                        <span class="form-switch-description"></span>
                                        </label>
                                    </div>
                                </div>
                            </div>
                            {{-- <div class="form-group ">
                                <div class="row">
                                    <div class="col-md-3">
                                        <label class="form-label mt-2">Free <i
                                                class="text-danger">(required)</i></label>
                                    </div>
                                    <div class="col-md-9">
                                        <label class="form-swich">
                                        <input type="checkbox" name="is_free" class="form-switch-input" {{ $courseOffering->is_free ? 'checked' : ''}}>
                                        <span class="form-switch-indicator"></span>
                                        <span class="form-switch-description"></span>
                                        </label>
                                    </div>
                                </div>
                            </div> --}}

                            <div class="form-group ">
                                <div class="row">
                                    <div class="col-md-3">
                                        <label class="form-label mt-2">Allow Enrollment <i
                                                class="text-danger">(required)</i></label>
                                    </div>
                                    <div class="col-md-9">
                                        <label class="form-swich">
                                        <input type="checkbox" name="allow_enrollment" class="form-switch-input" {{ $courseOffering->allow_enrollment ? 'checked' : ''}}>
                                        <span class="form-switch-indicator"></span>
                                        <span class="form-switch-description"></span>
                                        </label>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group pt-3 pb-3">
                                <div class="row">
                                    <div class="col-md-3">
                                        <label class="form-label mt-2">Add Label </label>
                                    </div>
                                    <div class="col-md-9">
                                        <div class="row">
                                            <div class="col-md-1 mt-2">
                                                <div class="form-check">
                                                    <input class="form-check-input" type="checkbox" value="1"
                                                        name="has_label" id="has_label" {{ $courseOffering->has_label ? 'checked' : ''}}>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <input type="text" name="label"
                                                    id="label" class="form-control"
                                                    placeholder="Private" value="{{ $courseOffering->label}}">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <input type="hidden" name="currency" value="2">
                            {{-- <div class="form-group py-2">
                                <div class="row">
                                    <div class="col-md-3">
                                        <label class="form-label mt-2">By Month <i
                                                class="text-danger"></i></label>
                                    </div>
                                    <div class="col-md-9">
                                        <div class="row">
                                            <div class="col-md-1 mt-2">
                                                <div class="form-check">
                                                    <input class="form-check-input" type="checkbox" value="1"
                                                        name="by_month" id="by_month" {{ $courseOffering->by_month ? 'checked' : ''}}>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <input type="number" step=".01" min="0" name="fee_course_per_month"
                                                    id="month_fees" class="form-control"
                                                    placeholder="1000" value="{{ $courseOffering->fee_course_per_month}}">
                                                    <span class="text-muted">*This is just for display, and will not be used at all</span>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                            @if( !$is_there_paid_installments &&  !$is_there_transactions)
                            <div class="form-group ">
                                <div class="row">
                                    <div class="col-md-3">
                                        <label class="form-label mt-2">Currency <i
                                                class="text-danger">(required)</i></label>
                                    </div>
                                    <div class="col-md-5">
                                        <select name="currency" id="currency" class="form-control select2-show-search" required>
                                            <option value="1" {{ $courseOffering->currency == 1 ? 'selected':''}}>AED</option>
                                            <option value="2" {{ $courseOffering->currency == 2 ? 'selected':''}}>EGP</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            @endif --}}
                            @if (!$is_there_transactions )
                                {{-- <div class="form-group pt-3 pb-3">
                                    <div class="row">
                                        <div class="col-md-3">
                                            <label class="form-label mt-2">Fee(s)/Lesson <i
                                                    class="text-danger">(required)</i></label>
                                        </div>
                                        <div class="col-md-9">
                                            <div class="row">
                                                <div class="col-md-1 mt-2">

                                                </div>
                                                <div class="col-md-3">
                                                    <input type="number" name="teacher_fee_per_lesson"
                                                        id="teacher_fee_per_lesson" step=".01" min="0" class="form-control"
                                                        placeholder="Teacher" value="{{ $courseOffering->teacher_fee_per_lesson}}" required>
                                                </div>
                                                <div class="col-md-1 mt-2">
                                                    <b>+</b>
                                                </div>
                                                <div class="col-md-3">
                                                    <input type="number" step=".01" name="site_fee_per_lesson" id="site_fee_per_lesson"
                                                    value="{{ $courseOffering->site_fee_per_lesson}}" min="0" class="form-control" placeholder="Eshra7ly" required>
                                                </div>
                                                <div class="col-md-1 mt-2">
                                                    <b class="mt-2 text-success">=</b>
                                                </div>
                                                <div class="col-md-2">
                                                    <input type="text" id="fee_per_lesson_total_view" disabled
                                                    value="{{ $courseOffering->fee_per_lesson_total}}"  class="form-control" placeholder="Total">

                                                    <input type="hidden" name="fee_per_lesson_total"
                                                        id="fee_per_lesson_total" class="form-control" placeholder="Total" value="{{ $courseOffering->fee_per_lesson_total}}">
                                                </div>

                                            </div>
                                        </div>

                                    </div>
                                </div> --}}
                                @if( !$is_there_paid_installments)
                                    {{-- <div class="form-group pt-3 pb-3 {{ $courseOffering->currency == 2 ? 'd-none' : ''}}" id="is_priced_checkbox_section">
                                        <div class="row">
                                            <div class="col-md-3 mt-3">
                                                <label class="form-label">
                                                    Priced
                                                    <i class="mdi mdi-information-outline leading-loose" data-bs-html="true" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title=
                                                    "
                                                    By activating this checkbox, you are forced to insert the course price in EGP and in AED
                                                    "></i>
                                                </label>
                                            </div>
                                            <div class="col-md-9 mt-3">
                                                <label class="form-swich">
                                                <input type="checkbox" {{ $courseOffering->is_priced ? 'checked' : ''}} name="is_priced" class="form-switch-input" id="is_priced_checkbox">
                                                <span class="form-switch-indicator"></span>
                                                <span class="form-switch-description"></span>
                                                </label>
                                            </div>
                                        </div>
                                    </div> --}}
                                    <div class="form-group pt-3 pb-3"  id="create_price_container">
                                        <div class="row">
                                            <div class="col-md-3">
                                                <label class="form-label mt-2">Course price<i class="text-danger">(required)</i></label>
                                            </div>
                                            <div class="col-md-9">
                                                <div class="row">
                                                    {{-- <div class="col-md-1 mt-2">

                                                    </div>
                                                    <div class="col-md-3">
                                                        <input type="number" id="teacher_fee_per_course"
                                                        value="{{ $courseOffering->teacher_fee_per_course}}" step=".01" min="0" name="teacher_fee_per_course"  class="form-control"
                                                            placeholder="Teacher" required>
                                                    </div>
                                                    <div class="col-md-1 mt-2">
                                                        <b>+</b>
                                                    </div>
                                                    <div class="col-md-3">
                                                        <input type="number" id="site_fee_per_course" name="site_fee_per_course"
                                                        value="{{ $courseOffering->site_fee_per_course}}" step=".01" min="0" class="form-control" placeholder="Eshra7ly" required>
                                                    </div>
                                                    <div class="col-md-1 mt-2">
                                                        <b class="mt-2 text-success">=</b>
                                                    </div> --}}
                                                    <div class="col">
                                                        {{-- <input type="text" id="fee_per_course_total_view" disabled
                                                        value="{{ $courseOffering->fee_per_course_total}}"  site_fee_per_course class="form-control" placeholder="Total"> --}}
                                                        <input type="number" id="fee_per_course_total" name="fee_per_course_total"  class="form-control"value="{{ $courseOffering->fee_per_course_total}}" required>
                                                    </div>

                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                    {{-- <div class="form-group pt-3 pb-3 {{ !$courseOffering->is_priced  ||  $courseOffering->currency == 2 ? 'd-none' : ''}}" id="course_fees_egp">
                                        <div class="row">
                                            <div class="col-md-3">
                                                <label class="form-label mt-2">Fee(s)/Course EGP <i class="text-danger"></i></label>
                                            </div>
                                            <div class="col-md-9">
                                                <div class="row">

                                                    <div class="col-md-4">
                                                        <input type="number" id="teacher_fee_per_course_egp"
                                                            name="teacher_fee_per_course_egp" value="{{ $courseOffering->teacher_fee_per_course_egp}}" step=".01" min="0"  class="form-control egp-input-field"
                                                            placeholder="Teacher">
                                                    </div>
                                                    <div class="col-md-1 mt-2">
                                                        <b>+</b>
                                                    </div>
                                                    <div class="col-md-3">
                                                        <input type="number" step=".01" min="0" id="site_fee_per_course_egp" name="site_fee_per_course_egp"
                                                        value="{{ $courseOffering->site_fee_per_course_egp}}" class="form-control egp-input-field" placeholder="Eshra7ly">
                                                    </div>
                                                    <div class="col-md-1 mt-2">
                                                        <b class="mt-2 text-success">=</b>
                                                    </div>
                                                    <div class="col-md-2">
                                                        <input type="text" id="fee_per_course_total_egp_view" disabled
                                                         value="{{ $courseOffering->fee_per_course_total_egp}}"    class="form-control" placeholder="Total">

                                                        <input type="hidden" id="fee_per_course_total_egp"
                                                            name="fee_per_course_total_egp"  class="form-control"
                                                        value="{{ $courseOffering->fee_per_course_total_egp}}"     placeholder="Total">
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                    </div> --}}
                                @endif
                            @endif


                            <div class="form-group mb-0 row justify-content-end">
                                <div class="col-md-3">
                                    <button type="submit" class="btn btn-primary waves-effect waves-light">Update Course Offering</button>
                                </div>
                            </div>

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

        @if ($courseOffering->fee_per_course_total > 0 )
            {{-- Add New Installment --}}
            <div class="row">
                <div class="col-md-12">
                    @if (!$is_there_installment_transactions)
                        <div class="card">
                            <div class="card-header">
                                <h3 class="card-title">Add New Installment</h3>
                            </div>

                            <div class="card-body">
                                <form enctype="multipart/form-data" method="POST" action="{{route('admin.courseofferings.addInstallments',$courseOffering->coffid)}}"
                                    class="form-horizontal" id="create_form">
                                    @csrf
                                    <div class="form-group ">
                                        <div class="text-end">
                                            <button type="button" name="add" id="dynamic-ar-ins"
                                                class="btn btn-outline-success btn-md waves-effect waves-light mt-1 mb-3">
                                                <i class="fa fa-plus fs-10">Add New Installment</i>
                                            </button>
                                        </div>
                                        <div class="row">
                                            <table class="table table-striped table-bordered table-vcenter text-nowrap"
                                                id="dynamicAddRemoveInstallments">
                                                <thead>
                                                    <tr>
                                                        <th>Name</th>
                                                        <th>Amount (Percentage)</th>
                                                        <th>Due Date</th>
                                                    </tr>
                                                    <thead>
                                                    <tbody>
                                                        <tr>
                                                            <td>
                                                                <input type="text" name="installments[0][name]" placeholder="Installmetn 1"
                                                                class="form-control" required>
                                                            </td>
                                                            <td>
                                                                <input type="number" name="installments[0][amount]" placeholder="20 %"
                                                                    class="form-control" step=".01" min="0" required />
                                                            </td>
                                                            <td>
                                                                <input type="date" name="installments[0][due_date]" placeholder="1-1-2022"
                                                                    class="form-control" required />
                                                            </td>
                                                            <input type="hidden" name="coffid" value={{$courseOffering->coffid}}>
                                                        </tr>
                                                    </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    <div class="form-group mb-0 row justify-content-end">
                                        <div class="col-md-3">
                                            <button type="submit" class="btn btn-primary waves-effect waves-light">Submit</button>
                                        </div>
                                    </div>

                                </form>
                            </div>
                        </div>
                    @endif
                </div>
            </div>
            {{-- Installments table --}}
            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">Installments</h3>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table
                                    class="table table-striped table-bordered table-vcenter text-nowrap" id="installments-table">
                                    <thead>
                                        <tr>
                                            <th style="text-align: center;display: table-cell; vertical-align: middle">
                                                Id
                                            </th>
                                            <th style="text-align: center;display: table-cell; vertical-align: middle">
                                                name</th>
                                            <th style="text-align: center;display: table-cell; vertical-align: middle">
                                                amount
                                            </th>
                                            <th style="text-align: center;display: table-cell; vertical-align: middle">
                                                due date
                                            </th>
                                            {{-- @if (!$is_there_paid_installments && !$is_there_transactions) --}}
                                            <th></th>
                                            {{-- @endif --}}
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @php
                                            $count=0;
                                        @endphp
                                        @foreach ($installments as $installment)
                                            <tr class="text-center">
                                                <td>{{++$count}}</td>
                                                <td>{{$installment->name}}</td>
                                                <td>{{$installment->amount}} %</td>
                                                <td>{{$installment->due_date}}</td>
                                                {{-- @if (!$is_there_paid_installments && !$is_there_transactions) --}}
                                                <td style="text-align: center;">
                                                    <div data-bs-toggle="tooltip"  data-bs-original-title="Edit">
                                                        <button type="button"
                                                            value="{{$installment->id}}"
                                                            coffid="{{$installment->coffid}}"
                                                            data-edit-amount="{{ in_array($installment->id,$installmentsHasPaidTransactions) }}"
                                                            class="modal-effect btn btn-outline-light btn-sm waves-effect waves-light edit"
                                                            data-bs-effect="effect-sign" data-bs-toggle="modal" data-bs-original-title="Edit" data-bs-target="#edit"><i
                                                                class="fa fa-edit fs-16"></i></button>
                                                    </div>
                                                    {{-- <a href="javascript:void(0)" onClick="confirmDelete(event,{{$installment->id}})" class="btn btn-outline-light btn-sm waves-effect waves-light"
                                                                data-bs-toggle="tooltip" data-bs-original-title="Delete"
                                                                title='Delete'>
                                                                <i class="fa fa-trash fs-16"></i>
                                                        <form method="POST" action="{{ route('admin.courseofferings.removeInstallments', [$installment->coffid,$installment->id]) }}" id="delete-form-{{$installment->id}}">
                                                            @csrf
                                                            <input name="_method" type="hidden" value="DELETE">
                                                        </form>
                                                    </a> --}}
                                                </td>
                                                {{-- @endif --}}
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endif
</div>
</div>

<!-- Edit form modal -->
<div class="modal  fade effect-sign show" id="edit" tabdocumentation="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="example-Modal3">Edit</h5>
                <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 method="POST" action="" id="installments_form_update" name="installmentsform"  enctype="multipart/form-data">
                    @csrf
                    <div class="form-group ">
                        <div class="row">
                            <div class="col-md-3">
                                <label class="form-label mt-2" for="installments_name_update">Name <i
                                        class="text-danger">(required)</i></label>
                            </div>
                            <div class="col-md-9">
                                <input type="text" name="name" class="form-control" id="installments_name_update" placeholder=""
                                    required>
                            </div>
                        </div>
                    </div>

                    <div class="form-group" id="amount_section">
                        <div class="row">
                            <div class="col-md-3">
                                <label class="form-label mt-2" for="installments_amount_update">amount</label>
                            </div>
                            <div class="col-md-9">
                                <input type="number" class="form-control" step=".01" min="0" name="amount" id="installments_amount_update">
                            </div>
                        </div>
                    </div>

                    <div class="form-group ">
                        <div class="row">
                            <div class="col-md-3">
                                <label class="form-label mt-2" for="installments_due_date_update">due date</label>
                            </div>
                            <div class="col-md-9">
                                <input type="date" name="due_date" id="installments_due_date_update" class="form-control" placeholder="">
                            </div>
                        </div>
                    </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                        <button type="submit" id="submit" class="btn btn-primary" value="">Submit</button>
                        <input type="hidden" id="board_id" name="bid" value="0">
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection
@section('admin-js')

{{-- Dependent select between session and course  --}}
<script>
    $(document).ready(function () {
        @if ($academicYearSession->price != null)
        $('#create_price_container').hide();
        @else
        $('#create_price_container').show();
        @endif
        // Education system and boards dependent select in create form
        $('#acys').on('change', function () {
            var $course = $('#course');
            var selectedSid = $(this).find('option:selected').data('sid');
            // Make an AJAX call to fetch details for the selected session
            $.ajax({
                url: '{{ route("getEducationSystemBySession") }}',  // Replace with your API endpoint
                type: 'GET',
                data: {
                    sid: selectedSid
                },
                success: function(response) {
                    // Check if the response contains is_annual
                    if (response.is_annual) {
                        // If false, hide the price input field
                        $('#create_price_container').hide();
                    } else {
                        // If true, show the price input field
                        $('#create_price_container').show();
                    }
                },
                error: function(error) {
                    console.log("Error fetching session data:", error);
                }
            });
            $('#course').empty();
            $('#course').append(`<option value="0" disabled selected>Processing...</option>`);
            $.ajax({
                url: "{{ route('getCourse') }}",
                type: 'GET',
                data: {
                    acysid: $(this).val()
                },
                success: function (data) {
                    $('#course').empty();
                    $('#course').append(
                        `<option value="0" disabled selected>Select Course*</option>`);
                    $.each(data, function (id, value) {
                        $course.append('<option value="' + value.cid + '">' + value.cname + ' ( ' + value.level.lname + ' )' +
                            '</option>');
                    });
                }
            });
        });

    })
</script>
{{-- Show label on checkbox --}}
<script>
    $('#has_label').on('change', function () {
        if(this.checked) {
           return true
        }else{
            $('#label').val('')
        }
    })
</script>
{{-- Multi add installments input --}}
<script>
    (function($) { var x = 0;
        $("#dynamic-ar-ins").click(function () {
        ++x;
        $("#dynamicAddRemoveInstallments").append(
            '<tr><td><input type="text" name="installments['+x+'][name]" placeholder="Installmetn 1"class="form-control" required></td>'+
            '<td><input type="number" name="installments['+x+'][amount]" placeholder="20 %"class="form-control" step=".01" min="0" required /></td>'+
            '<td> <input type="date" name="installments['+x+'][due_date]" placeholder="1-1-2022"class="form-control" required /></td>'+
            '<td><a type="button" class="btn btn-outline-danger btn-sm waves-effect waves-light mt-1 remove-input-field"><i class="fa fa-trash fs-16"></i></a></td></tr>');
         });

    })(jQuery);
</script>
{{-- update installments --}}
<script>
    $('#installments-table').dataTable( {
        "drawCallback": function( settings ) {
            jQuery('body').on('click', '.edit', function () {
                    var installment_id = $(this).val();
                    var coffid = $(this).attr('coffid');
                    var edit_amount_status=  $(this).attr('data-edit-amount') == 1 ? false:true
                    var edit_url="{{route('admin.courseofferings.editInstallments',[":coffid",":installment_id"])}}"
                    var update_url="{{route('admin.courseofferings.updateInstallments',[":coffid",":installment_id"])}}"
                    edit_url = edit_url.replace(':installment_id', installment_id);
                    edit_url = edit_url.replace(':coffid', coffid);
                    update_url = update_url.replace(':installment_id', installment_id);
                    update_url = update_url.replace(':coffid', coffid);
                    if(!edit_amount_status){
                        $('#amount_section').html(
                            '<span class="text-danger">As it seems this installment has been paid by one or more students, so editing the amount is not available</span>'
                        )
                    }
                    $.get(edit_url, function (data) {
                        jQuery('#installments_name_update').val(data.name);
                        jQuery('#installments_amount_update').val(data.amount);
                        jQuery('#installments_due_date_update').val(data.due_date);
                        jQuery('#submit').val("update");
                        jQuery('#installments_form_update').attr('action',update_url)
                    })
            });

            $('#edit').on('hidden.bs.modal', function () {
                $('#amount_section').html(
                    `
                    <div class="row">
                        <div class="col-md-3">
                            <label class="form-label mt-2" for="installments_amount_update">amount</label>
                        </div>
                        <div class="col-md-9">
                            <input type="number" class="form-control" step=".01" min="0" name="amount" id="installments_amount_update">
                        </div>
                    </div>
                    `
                )
            })

        }
    });
</script>


{{-- on select currency and is priced--}}
<script>
    $('#currency').on('change', function () {
        if($(this).val() == '2') {
           $('#is_priced_checkbox_section').addClass('d-none')
           $('#course_fees_egp').addClass('d-none')
           $('#is_priced_checkbox').prop( "checked", false )
           $("#teacher_fee_per_course_egp").val('')
           $("#site_fee_per_course_egp").val('')
           $("#fee_per_course_total_egp_view").val('')
        }else{
            $('#is_priced_checkbox_section').removeClass('d-none')
        }
    })


    $('#is_priced_checkbox').on('change', function () {
        if($(this).is(':checked')) {
           $('#course_fees_egp').removeClass('d-none')
        }else{
            $('#course_fees_egp').addClass('d-none')
            $("#teacher_fee_per_course_egp").val('')
            $("#site_fee_per_course_egp").val('')
            $("#fee_per_course_total_egp_view").val('')
        }
    })

</script>
{{-- fill the egp prices --}}
<script>
    $(document).ready(function() {
      $(".egp-input-field").on("input", function() {
        var input1 = parseFloat($("#teacher_fee_per_course_egp").val());
        var input2 = parseFloat($("#site_fee_per_course_egp").val());
        var sum = input1 + input2;
        $("#fee_per_course_total_egp_view").val(sum);
        $("#fee_per_course_total_egp").val(sum);
      });
    });
</script>
@endsection