@extends('admin/course-management/course-details/index')

@section('main-content-tab')
    <form action="{{route('waiver', ['institute_slug' => $institute_slug, 'course_slug' => $course_slug])}}" name="institute" class="form mb-15" method="POST" id="kt_contact_form" enctype="multipart/form-data">
        @csrf

        @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        @if (Session::has('success'))
            <div class="alert alert-success text-right d-flex">
                <p class="mb-0">{{ Session::get('success') }}</p>
                <a href="#" class="close" data-dismiss="alert" aria-label="close" style="color: #F00"> × </a>
            </div>
        @endif

        <h1 class="fw-bolder text-dark mb-9">Update Waiver & Scholarship</h1>
        {{-- <input type="hidden" name="id" value="{{$waivers ? $waivers['id'] : ''}}"> --}}
        <!--begin::Input group-->
        <div class="row">
            <input type="hidden" name="addMore[0][id]" value=""/>

            <div class="d-flex flex-column mb-5 fv-row">
                <!--begin::Label-->
                <label class="required fs-5 fw-bold mb-2">Actual Tuition Fees</label>
                <!--end::Label-->
                <!--begin::Input-->
                <input type="number" id="actual_tuition_fees" class="form-control form-control-solid" value="{{isset($waivers[0]) ? $waivers[0]['actual_tuition_fees'] : ''}}" placeholder="Enter Actual Tuition Fees" name="commonData[actual_tuition_fees]" autocomplete="off"/>
                @if($errors->has('actual_tuition_fees'))
                    <span class="text-danger">{{ $errors->first('actual_tuition_fees') }}</span>
                @endif

                <!--end::Input-->
            </div>
            <table class="table table-bordered" id="dynamicTable">
                <tr>
                    <th>Type</th>
                    <th>Subject (BN)</th>
                    <th>Waiver(%)</th>
                    {{-- <th>Actual tuition fees</th> --}}
                    {{--                <th>Payable tuition fees</th>--}}
                    <th>Action</th>
                </tr>

                @foreach($waivers as $key => $value)
                    <tr>
                        {{-- {{ dd($ProductStocks) }} --}}
                        <td><input type="text" value="{{ $value['subject'] }}" name="addMore[{{ $value['id'] }}][subject]" placeholder="Enter Subject" class="form-control"/><input type="hidden" value="{{ $value['id'] }}" name="addMore[{{ $value['id'] }}][id]" placeholder="Enter Subject" class="form-control"/></td>
                        <td><input type="text" value="{{ $value['subject_bn'] }}" name="addMore[{{ $value['id'] }}][subject_bn]" placeholder="Enter Subject (BN)" class="form-control"/><input type="hidden" value="{{ $value['id'] }}" name="addMore[{{ $value['id'] }}][id]" placeholder="Enter Subject (BN)" class="form-control"/></td>
                        <td>
                            <input type="number" id="waiver" value="{{ $value['waiver'] }}" name="addMore[{{ $value['id'] }}][waiver]" placeholder="Enter waiver" class="form-control" style="width: 92%; display:inline"/>
                            <span style="font-size:20px">%</span>
                        </td>
                        {{--                    <td><input type="number" id="payable_tuition_fees" readonly value="{{ $value['payable_tuition_fees'] }}" name="addMore[{{ $value['id'] }}][payable_tuition_fees]" placeholder="Enter payable tuition fees" class="form-control" /></td>--}}
                        <td>
                            <button type="button" class="btn btn-danger remove-tr" style="padding: 10px !important;width: 130px;">Remove</button>
                        </td>
                    </tr>
                @endforeach

                <tr>
                    <td><input type="text" name="addMore[0][subject]" placeholder="Enter Subject" class="form-control"/></td>
                    <td><input type="text" name="addMore[0][subject_bn]" placeholder="Enter Subject (BN)" class="form-control"/></td>
                    <td><input type="number" name="addMore[0][waiver]" placeholder="Enter waiver" class="form-control" style="width: 92%; display:inline"/>
                        <span style="font-size:20px">%</span>
                    {{--                <td><input type="number" name="addMore[0][payable_tuition_fees]" placeholder="Enter payable tuition fees" class="form-control" /></td>--}}
                    <td>
                        <button type="button" name="add" id="add" class="btn btn-success" style="width: 130px;padding: 10px !important;">Add More</button>
                    </td>
                </tr>
            </table>
            <div class="col-md-12">

                <div class="d-flex flex-column mb-5 fv-row">
                    <!--begin::Label-->
                    <label class="fs-5 fw-bold mb-2">Banner</label>
                    <!--end::Label-->
                    <!--begin::Input-->
                    <input accept="image/*" type="file" id="banner" name="banner" class="form-control dropify" placeholder="Enter Banner">
                    <span style="font-size: 12px;color: red;">Suggested image ratio: 1230 x 293 | max-size: 2 MB</span>
                    @if($errors->has('banner'))
                        <span class="text-danger">{{ $errors->first('banner') }}</span>
                    @endif
                    <!--end::Input-->
                </div>


                <div class="d-flex flex-column mb-5 fv-row">
                    <!--begin::Label-->
                    <label class="fs-5 fw-bold mb-2">Thumbnail</label>
                    <!--end::Label-->
                    <!--begin::Input-->
                    <input accept="image/*" type="file" id="thumbnail" name="thumbnail" class="form-control dropify" placeholder="Enter Thumbnail">
                    <span style="font-size: 12px;color: red;">Suggested image ratio: 284 x 292 | max-size: 500 KB</span>
                    @if($errors->has('thumbnail'))
                        <span class="text-danger">{{ $errors->first('thumbnail') }}</span>
                    @endif
                    <!--end::Input-->
                </div>

                <div class="col-md-12">
                    <div class="d-flex flex-column mb-5 fv-row">
                        <!--begin::Label-->
                        <label class="fs-5 fw-bold mb-2">Description (EN)</label>
                        <!--end::Label-->
                        <!--begin::Input-->
                        <textarea name="commonData[description]" id="description" class="summernote form-control form-control-solid" placeholder="Enter Description (EN)" autocomplete="off">{{isset($waivers[0]) ? $waivers[0]['description'] : ''}}</textarea>
                        @if($errors->has('description'))
                            <span class="text-danger">{{ $errors->first('description') }}</span>
                        @endif

                        <!--end::Input-->
                    </div>
                    <div class="d-flex flex-column mb-5 fv-row">
                        <!--begin::Label-->
                        <label class="fs-5 fw-bold mb-2">Description (BN)</label>
                        <!--end::Label-->
                        <!--begin::Input-->
                        <textarea name="commonData[description_bn]" id="description" class="summernote form-control form-control-solid" placeholder="Enter Description (BN)" autocomplete="off">{{isset($waivers[0]) ? $waivers[0]['description_bn'] : ''}}</textarea>
                        @if($errors->has('description_bn'))
                            <span class="text-danger">{{ $errors->first('description_bn') }}</span>
                        @endif

                        <!--end::Input-->
                    </div>
                </div>

                <div class="col-md-12 text-center">
                    <div class="d-flex">
                        <button type="submit" class="btn btn-primary" id="kt_contact_submit_button">
                            <!--begin::Indicator-->
                            <span class="indicator-label">Update</span>
                        </button>
                    </div>
                </div>
            </div>

    </form>
@endsection

@section('extra-extra-css')
    <link rel="stylesheet" href="{{ asset('summernote/summernote.css') }}">
    <link rel="stylesheet" href="{{ asset('css/dropify.min.css') }}">
@endsection


@section('extra-extra-script')
    {{--<script src="{{ asset('js/popper.min.js') }}"></script>--}}
    <script src="{{ asset('js/jquery.validate.js') }}"></script>
    <script src="{{ asset('summernote/summernote.min.js') }}"></script>
    <script src="{{ asset('js/dropify.min.js') }}"></script>

    <script type="text/javascript">
        $(document).ready(function () {
            @if(isset($waivers[0]))
            var editData = {!! json_encode($waivers[0]) !!};
            console.log(editData);
            if (editData && editData.banner) {
                var imageUrl = "{{ URL::asset($waivers[0]['banner']) }}";
                var drEvent = $('#banner').dropify({
                    defaultFile: imageUrl
                });
                drEvent = drEvent.data('dropify');
                drEvent.resetPreview();
                drEvent.clearElement();
                drEvent.settings.defaultFile = imageUrl;
                drEvent.destroy();
                drEvent.init();
            } else {
                var drEvent = $('#banner').dropify();
                drEvent = drEvent.data('dropify');
                drEvent.resetPreview();
                drEvent.clearElement();
            }

            if (editData && editData.thumbnail) {
                var imageUrl = "{{ URL::asset($waivers[0]['thumbnail']) }}";
                var drEvent = $('#thumbnail').dropify({
                    defaultFile: imageUrl
                });
                drEvent = drEvent.data('dropify');
                drEvent.resetPreview();
                drEvent.clearElement();
                drEvent.settings.defaultFile = imageUrl;
                drEvent.destroy();
                drEvent.init();
            } else {
                var drEvent = $('#thumbnail').dropify();
                drEvent = drEvent.data('dropify');
                drEvent.resetPreview();
                drEvent.clearElement();
            }
            @endif
        });
    </script>

    <script type="text/javascript">

        var i = 0;
        $("#add").click(function () {
            ++i;
            // $("#dynamicTable").append('<tr><td><input type="text" name="addMore['+i+'][subject]" placeholder="Enter Subject" class="form-control" /></td><td><input type="text" name="addMore['+i+'][subject_bn]" placeholder="Enter Subject (BN)" class="form-control" /></td><td><input type="text" name="addMore['+i+'][waiver]" placeholder="Enter Waiver" class="form-control" /></td><td><input type="text" name="addMore['+i+'][payable_tuition_fees]" placeholder="Enter payable tuition fees" class="form-control" /></td><td><button type="button" class="btn btn-danger remove-tr">Remove</button></td></tr>');
            $("#dynamicTable").append('<tr><td><input type="text" name="addMore[' + i + '][subject]" placeholder="Enter Subject" class="form-control" /></td><td><input type="text" name="addMore[' + i + '][subject_bn]" placeholder="Enter Subject (BN)" class="form-control" /></td><td><input type="text" name="addMore[' + i + '][waiver]" placeholder="Enter Waiver" class="form-control" /></td><td><button type="button" class="btn btn-danger remove-tr">Remove</button></td></tr>');
        });

        $(document).on('click', '.remove-tr', function () {
            $(this).parents('tr').remove();
        });

    </script>

    //validate form
    <script>
        $(function () {
            $("form[name='institute']").validate({
                ignore: ".note-editable.panel-body",
                rules: {
                    subject: 'required',
                    waiver: 'required',
                    actual_tuition_fees: 'required',
                    payable_tuition_fees: 'required',
                    // description: 'required',
                },
                messages: {
                    subject: "Subject is required.",
                    waiver: "Waiver is required.",
                    actual_tuition_fees: "Actual Tuition Fees is required.",
                    payable_tuition_fees: "Payable Tuition Fees is required.",
                    // description: "Description is required.",
                },
                submitHandler: function (form) {
                    form.submit();
                }
            });
        });
    </script>

    <script type="text/javascript">
        $(document).ready(function () {
            $('.summernote').summernote({
                height: 200,
                popover: {
                    image: [],
                    link: [],
                    air: []
                }
            });
        });
    </script>
@endsection