@extends('layouts.admin')

@section('content')
<!--App-Content-->
<div class="app-content my-3 my-md-5">
    <div class="side-app">
        <div class="row mt-8">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">meetings details</h3>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table
                                class="table table-striped table-bordered table-vcenter text-nowrap" id="attendance_table">
                                <thead>
                                    <tr>
                                        <th style="text-align: center;">id</th>
                                        @php
                                            $lesson = 0;
                                        @endphp
                                        @foreach ($meetings as $meeting)
                                        <th style="text-align: center;">{{$meeting->mstartdate}} /
                                            ( <i class="fa fa-clock-o text-primary"></i> 
                                            {{date('h:i A', strtotime($meeting->mstarttime))}} )
                                            @if ($meeting->is_extra)
                                             <span class="badge badge-success fs-10">Extra</span>
                                            @endif
                                        </th>
                                        @endforeach
                                    </tr>
                                </thead>
                                <tbody>
                                    @php
                                      $attend = 0;
                                     @endphp
                                        <tr class="text-center">
                                            <td>
                                                @php																								
                                                    echo ++$attend;
                                                @endphp						
                                            </td>
                                        @foreach ($meetings as $meeting)
                                            
                                            @if (in_array($meeting->mid,$attendants->pluck('mid')->toArray()))
                                            <td>
                                                <i class="fa fa-check-circle text-success font-weight-bold leading-loose" data-bs-toggle="tooltip" data-bs-placement="top" title=""
                                                 data-bs-original-title="{{$meeting->is_live ? ' live':' recording'}}">
                                                </i>
                                                @if ($meeting->is_refunded)
                                                <i class="fa fa-check-circle text-danger font-weight-bold leading-loose" data-bs-toggle="tooltip" data-bs-placement="top" title=""
                                                data-bs-original-title="Refunded">
                                               </i>
                                                @endif
                                            </td>
                                            @else
                                            <td>
                                                <i class="fa fa-window-close font-weight-bold text-danger leading-loose"></i>
                                            </td>
                                            @endif
                                        @endforeach
                                        </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </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 id="education_system_form_update" name="education_system_form_update"
                    enctype="multipart/form-data">
                    <div class="form-group ">
                        <div class="row">
                            <div class="col-md-3">
                                <label class="form-label mt-2" for="education_system_name_update">Name <i
                                        class="text-danger" class="text-danger">(required)</i></label>
                            </div>
                            <div class="col-md-9">
                                <input type="text" name="esname" class="form-control" id="education_system_name_update"
                                    placeholder="" required>
                            </div>
                        </div>
                    </div>

                    <div class="form-group ">
                        <div class="row">
                            <div class="col-md-3">
                                <label class="form-label mt-2"
                                    for="education_system_description_update">Description</label>
                            </div>
                            <div class="col-md-9">

                                <textarea class="form-control text-start" name="esdescription"
                                    id="education_system_description_update" rows="6"></textarea>
                            </div>
                        </div>
                    </div>

                    <div class="form-group ">
                        <div class="row">
                            <div class="col-md-3">
                                <label class="form-label mt-2" for="education_system_url_update">Website</label>
                            </div>
                            <div class="col-md-9">
                                <input type="url" id="education_system_url_update"
                                    onchange="return validURL('education_system_url_update')" name="esurl"
                                    class="form-control" placeholder="">
                            </div>
                        </div>
                    </div>

                    <div class="form-group ">
                        <div class="row">
                            <div class="col-md-3">
                                <label class="form-label mt-2">Image </label>
                            </div>
                            <div class="col-md-9">
                                <div class="control-group form-group">
                                    <div class="input-group file-browser">
                                        <input type="text" class="form-control border-end-0 browse-file bg-transparent "
                                            placeholder="Upload Image" readonly="" required>
                                        <label class="input-group-btn">
                                            <span class="btn btn-primary br-bs-0 br-ts-0">
                                                Browse <input id="education_system_image_update" type="file"
                                                    name="esimage" accept="image/*"
                                                    onchange="return fileValidation('education_system_image_update')"
                                                    style="display: none;">
                                            </span>
                                        </label>
                                    </div>
                                </div>

                            </div>
                        </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="education_system_id" name="esid" value="0">
            </div>
            </form>
        </div>
    </div>
</div>
@endsection

@section('admin-js')
<script>
    $(document).ready(function () {
        // 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({
                        title: "Success",
                        text: "Education System Updated Successfully",
                        type: "success",
                    });
                },
                error: function (data) {
                    console.log('Error:', data.responseJSON.message);
                }
            });
        });

    })


</script>
@endsection