@extends('layouts.admin')

@section('content')
<!--App-Content-->
<div class="app-content my-3 my-md-5">
    <div class="side-app">
        <x-page.header>{{$meeting->mtopic}}</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">Update Shared Password</h3>
                    </div>
                    <div class="card-body">


                        <form method="POST" action="{{route('staff.shareable-password.execute',$meeting->mid)}}"
                            class="form-horizontal" enctype="multipart/form-data">
                            @csrf
                            <div class="form-group ">
                                <div class="row">
                                    <div class="col-md-3">
                                        <label class="form-label mt-2" for="education_system_name_create"
                                            id="examplenameInputname2">Date</label>
                                    </div>
                                    <div class="col-md-9">
                                   <label>{{$meeting->mstartdate}}</label>
                                    </div>
                                </div>
                            </div>
                            {{-- <div class="form-group ">
                                <div class="row">
                                    <div class="col-md-3">
                                        <label class="form-label mt-2" for="education_system_name_create"
                                            id="examplenameInputname2">URL</label>
                                    </div>
                                    <div class="col-md-9">
                                   <label>{{$meeting->shareable_url}}</label>
                                    </div>
                                </div>
                            </div> --}}
                            <div class="form-group ">
                                <div class="row">
                                    <div class="col-md-3">
                                        <label class="form-label mt-2" for="education_system_name_create"
                                            id="examplenameInputname2">New Password <i class="text-danger"
                                                class="text-danger">(required)</i></label>
                                    </div>
                                    <div class="col-md-9">
                                        <input type="password" name="shareable_password"  class="form-control"
                                            id="shareable_password_update" placeholder="" required>
                                    </div>
                                </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">Update Password</button>
                                </div>
                            </div>

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

@endsection

@section('admin-js')
<script>
    $(document).ready(function () {
        // Check if the image is inserted
        $( "form" ).submit(function(event){
            validate_image(event)
        })
        // Get Record data using it's id
        jQuery('body').on('click', '.edit', function () {
            var education_system_id = $(this).val();
            $.get('/staff/regulation/education-system/' + education_system_id, function (data) {
                jQuery('#education_system_id').val(data.esid);
                jQuery('#education_system_name_update').val(data.esname);
                jQuery('#education_system_description_update').val(data.esdescription);
                jQuery('#education_system_url_update').val(data.esurl);
                // jQuery('#image').val(data.esimage);
                jQuery('#submit').val("update");
            })
        });
        // Update Record
        $("#submit").click(function (e) {
            e.preventDefault();
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
                }
            });
            var formData = new FormData();

            var files = $('#education_system_image_update')[0].files;
            if (files.length > 0) {
                formData.append('esimage', files[0]);
            }
            formData.append('_method', 'PUT');
            formData.append('esname', jQuery('#education_system_name_update').val());
            formData.append('esdescription', jQuery('#education_system_description_update').val());
            formData.append('esurl', jQuery('#education_system_url_update').val());
            formData.append('esimage', jQuery('#education_system_image_update').val());
            var state = jQuery('#submit').val();
            var type = "POST";
            var education_system_id = jQuery('#education_system_id').val();
            var ajaxurl = '/staff/regulation/education-system/' + education_system_id;

            $.ajax({
                url: ajaxurl,
                type: type,
                processData: false,
                contentType: false,
                cache: false,
                data: formData,
                enctype: 'multipart/form-data',
                success: function (data) {
                    jQuery('#edit').modal('hide')
                    setInterval('location.reload()', 1500);
                    Swal.fire(
                        "Success",
                        "Education System Updated Successfully",
                        "success",
                    );
                },
                error: function (data) {
                    console.log('Error:', data.responseJSON.message);
                }
            });
        });

    })


</script>
{{-- draw all data tables --}}
<script>
    $(document).ready(function(){
        $('#edu_table').dataTable( {
            "drawCallback": function( settings ) {
            }
        })
    })
    </script>
@endsection