@extends('backEnd.master')
@section('title')
    @lang('library.add_member')
@endsection
@section('mainContent')
    @push('css')
        <style type="text/css">
            #selectStaffsDiv,
            .forStudentWrapper,
            .forParentWrapper {
                display: none;
            }

            .child .dtr-data{
                word-break: break-word;
            }
            a.primary-btn.fix-gr-bg {
                line-height: 1.2;
                padding: 8px;
                font-size: 11px!important;
            }
        </style>
    @endpush
    <section class="sms-breadcrumb mb-20">
        <div class="container-fluid">
            <div class="row justify-content-between">
                <h1>@lang('library.add_member')</h1>
                <div class="bc-pages">
                    <a href="{{ route('dashboard') }}">@lang('common.dashboard')</a>
                    <a href="#">@lang('library.library')</a>
                    <a href="#">@lang('library.add_member')</a>
                </div>
            </div>
        </div>
    </section>
    <section class="admin-visitor-area up_st_admin_visitor">
        <div class="container-fluid p-0">
            @if (isset($editData))
                @if (userPermission('library-member-store'))
                    <div class="row">
                        <div class="offset-lg-10 col-lg-2 text-right col-md-12 mb-20">
                            <a href="{{ route('library-member') }}" class="primary-btn small fix-gr-bg">
                                <span class="ti-plus pr-2"></span>
                                @lang('common.add')
                            </a>
                        </div>
                    </div>
                @endif
            @endif
            <div class="row">

                <div class="col-lg-3">
                    <div class="row">
                        <div class="col-lg-12">
                            @if (isset($editData))
                                {{ Form::open(['class' => 'form-horizontal', 'files' => true, 'url' => 'holiday/' . $editData->id, 'method' => 'PUT', 'enctype' => 'multipart/form-data']) }}
                            @else
                                @if (userPermission('library-member-store'))
                                    {{ Form::open([
                                        'class' => 'form-horizontal',
                                        'files' => true,
                                        'route' => 'library-member-store',
                                        'method' => 'POST',
                                        'enctype' => 'multipart/form-data',
                                    ]) }}
                                @endif
                            @endif
                            <div class="white-box">
                                <div class="main-title">
                                    <h3 class="mb-15">
                                        @if (isset($editData))
                                            @lang('library.edit_member')
                                        @else
                                            @lang('library.add_member')
                                        @endif
                                    </h3>
                                </div>
                                <div class="add-visitor">
                                    <div class="row">

                                        <div class="col-lg-12 mb-15">
                                            <label class="primary_input_label" for="">
                                                {{ __('library.member_type') }}
                                                <span class="text-danger"> *</span>
                                            </label>
                                            <select
                                                class="primary_select  form-control{{ $errors->has('member_type') ? ' is-invalid' : '' }}"
                                                name="member_type" id="member_type">
                                                <option data-display=" @lang('library.member_type') *" value="">
                                                    @lang('library.member_type') *</option>
                                                @foreach ($roles as $value)
                                                    @if (isset($editData))
                                                        <option value="{{ $value->id }}"
                                                            {{ $value->id == $editData->role_id ? 'selected' : '' }}>
                                                            {{ $value->full_name }}</option>
                                                    @else
                                                        <option value="{{ $value->id }}">{{ $value->name }}</option>
                                                    @endif
                                                @endforeach
                                            </select>
                                            @if ($errors->has('member_type'))
                                                <span class="text-danger">
                                                    {{ $errors->first('member_type') }}
                                                </span>
                                            @endif
                                        </div>

                                        <div class="forStudentWrapper col-lg-12">
                                            @if (moduleStatusCheck('University'))
                                                @includeIf(
                                                    'university::common.session_faculty_depart_academic_semester_level',
                                                    [
                                                        'required' => ['USN', 'UD', 'UA', 'US', 'USL'],
                                                        'div' => 'col-lg-12',
                                                        'row' => 1,
                                                        'hide' => ['USUB'],
                                                    ]
                                                )

                                                <div class="mt-30 mb-40" id="select_un_student_div">
                                                    {{ Form::select('student_id', ['' => __('common.select_student') . '*'], null, ['class' => 'primary_select  form-control' . ($errors->has('student_id') ? ' is-invalid' : ''), 'id' => 'select_un_student']) }}

                                                    <div class="pull-right loader loader_style"
                                                        id="select_un_student_loader">
                                                        <img class="loader_img_style"
                                                            src="{{ asset('/backEnd/img/demo_wait.gif') }}"
                                                            alt="loader">
                                                    </div>
                                                    @if ($errors->has('student_id'))
                                                        <span class="text-danger custom-error-message" role="alert">
                                                            {{ @$errors->first('student_id') }}
                                                        </span>
                                                    @endif
                                                </div>
                                            @else
                                                <div class="row">
                                                    <div class="col-lg-12 mb-15">
                                                        <label class="primary_input_label" for="">
                                                            {{ __('common.class') }}
                                                            <span class="text-danger"> *</span>
                                                        </label>
                                                        <select
                                                            class="primary_select form-control {{ $errors->has('class') ? ' is-invalid' : '' }}"
                                                            id="class_library_member" name="class">
                                                            <option data-display="@lang('common.select_class')" value="">
                                                                @lang('common.select_class')*</option>
                                                            @foreach ($classes as $class)
                                                                <option value="{{ $class->id }}"
                                                                    {{ old('class') == $class->id ? 'selected' : '' }}>
                                                                    {{ $class->class_name }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>

                                                    <div class="col-lg-12 mb-15" id="select_section__member_div">
                                                        <label class="primary_input_label" for="">
                                                            {{ __('common.section') }}
                                                            <span class="text-danger"> *</span>
                                                        </label>
                                                        <input type="hidden" id="member_type_hidden" name="member_type_hidden"  value="">
                                                        <input type="hidden" id="is_alumni" value="{{ App\GlobalVariable::isAlumni() }}">
                                                        <select
                                                            class="primary_select form-control{{ $errors->has('section') ? ' is-invalid' : '' }}"
                                                            id="select_section_member" name="section">
                                                            <option data-display="@lang('common.select_section')" value="">
                                                                @lang('common.select_section') *</option>
                                                        </select>
                                                        <div class="pull-right loader loader_style"
                                                            id="select_section_loader">
                                                            <img class="loader_img_style"
                                                                src="{{ asset('/backEnd/img/demo_wait.gif') }}"
                                                                alt="loader">
                                                        </div>
                                                    </div>


                                                    <div class="col-lg-12 mb-15" id="select_student_div">
                                                        <label class="primary_input_label" for="">
                                                            {{ __('common.student') }}
                                                            <span class="text-danger"> *</span>
                                                        </label>
                                                        <select
                                                            class="primary_select form-control{{ $errors->has('student') ? ' is-invalid' : '' }}"
                                                            id="select_student" name="student">
                                                            <option data-display="@lang('library.select_student') *" value="">
                                                                @lang('library.select_student') *</option>
                                                        </select>
                                                        <div class="pull-right loader loader_style"
                                                            id="select_student_loader">
                                                            <img class="loader_img_style"
                                                                src="{{ asset('/backEnd/img/demo_wait.gif') }}"
                                                                alt="loader">
                                                        </div>
                                                    </div>
                                                </div>
                                            @endif

                                        </div>
                                        <div class="forParentWrapper col-lg-12">
                                            <div class="row">
                                                <div class="col-lg-12 mb-15">
                                                    <label class="primary_input_label" for="">
                                                        {{ __('common.class') }}
                                                        <span class="text-danger"> *</span>
                                                    </label>
                                                    <select
                                                        class="primary_select form-control {{ $errors->has('class') ? ' is-invalid' : '' }}"
                                                        id="class_library_parent_member" name="class">
                                                        <option data-display="@lang('common.select_class')" value="">
                                                            @lang('common.select_class')*</option>
                                                        @foreach ($classes as $class)
                                                            <option value="{{ $class->id }}"
                                                                {{ old('class') == $class->id ? 'selected' : '' }}>
                                                                {{ $class->class_name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>

                                                <div class="col-lg-12 mb-15" id="select_section_parent_member_div">
                                                    <label class="primary_input_label" for="">
                                                        {{ __('common.section') }}
                                                        <span class="text-danger"> *</span>
                                                    </label>
                                                    <select
                                                        class="primary_select form-control{{ $errors->has('section') ? ' is-invalid' : '' }}"
                                                        id="select_section_parent_member" name="section">
                                                        <option data-display="@lang('common.select_section')" value="">
                                                            @lang('common.select_section') *</option>
                                                    </select>
                                                    <div class="pull-right loader loader_style"
                                                        id="select_section_loader">
                                                        <img class="loader_img_style"
                                                            src="{{ asset('/backEnd/img/demo_wait.gif') }}"
                                                            alt="loader">
                                                    </div>
                                                </div>
                                                <div class="col-lg-12 mb-15" id="select_parent_div">
                                                    <label class="primary_input_label" for="">
                                                        @lang('library.parent')
                                                        <span class="text-danger"> *</span>
                                                    </label>
                                                    <select
                                                        class="primary_select form-control{{ $errors->has('parent') ? ' is-invalid' : '' }}"
                                                        id="select_parent" name="parent">
                                                        <option data-display="@lang('library.select_parent') *" value="">
                                                            @lang('library.select_parent') *</option>
                                                    </select>
                                                    <div class="pull-right loader loader_style" id="select_parent_loader">
                                                        <img class="loader_img_style"
                                                            src="{{ asset('/backEnd/img/demo_wait.gif') }}"
                                                            alt="loader">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-lg-12 mb-15" id="selectStaffsDiv">
                                            <label class="primary_input_label" for="">
                                                {{ __('common.name') }}
                                                <span class="text-danger"> *</span>
                                            </label>
                                            <select
                                                class="primary_select  form-control{{ $errors->has('staff_id') ? ' is-invalid' : '' }}"
                                                name="staff" id="selectStaffs">
                                                <option data-display="@lang('common.name') *" value="">
                                                    @lang('common.name') *</option>
                                                @if (isset($staffsByRole))
                                                    @foreach ($staffsByRole as $value)
                                                        <option value="{{ $value->id }}"
                                                            {{ $value->id == $editData->staff_id ? 'selected' : '' }}>
                                                            {{ $value->full_name }}
                                                        </option>
                                                    @endforeach
                                                @else
                                                @endif
                                            </select>
                                        </div>

                                        <div class="col-lg-12 mb-15 mt-10">
                                            <div class="primary_input">
                                                <label class="primary_input_label" for="">@lang('library.member_id') <span
                                                        class="text-danger"> *</span> </label>
                                                <input
                                                    class="primary_input_field form-control{{ $errors->has('member_ud_id') ? ' is-invalid' : '' }}"
                                                    type="text" name="member_ud_id" autocomplete="off"
                                                    value="{{ isset($content_title) ? $leave_type->type : '' }}">


                                                @if ($errors->has('member_ud_id'))
                                                    <span class="text-danger">
                                                        {{ $errors->first('member_ud_id') }}
                                                    </span>
                                                @endif
                                            </div>

                                        </div>

                                        <input type="hidden" name="url" id="url"
                                            value="{{ URL::to('/') }}">

                                    </div>
                                    @php
                                        $tooltip = '';
                                        if (userPermission('library-member-store')) {
                                            $tooltip = '';
                                        } else {
                                            $tooltip = 'You have no permission to add';
                                        }
                                    @endphp
                                    <div class="row mt-40">
                                        <div class="col-lg-12 text-center">
                                            <button class="primary-btn fix-gr-bg submit" data-toggle="tooltip"
                                                title="{{ $tooltip }}">
                                                <span class="ti-check"></span>

                                                @if (isset($editData))
                                                    @lang('library.update_member')
                                                @else
                                                    @lang('library.save_member')
                                                @endif


                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            {{ Form::close() }}
                        </div>
                    </div>
                </div>

                <div class="col-lg-9">
                    <div class="white-box">
                        <div class="row">
                            <div class="col-lg-4 no-gutters">
                                <div class="main-title">
                                    <h3 class="mb-15">@lang('library.members')</h3>
                                </div>
                            </div>
                        </div>
    
                        <div class="row">
    
                            <div class="col-lg-12">
                                <x-table>
                                    <table id="table_id" class="table" cellspacing="0" width="100%">
    
                                        <thead>
    
                                            <tr>
                                                <th>@lang('common.sl')</th>
                                                <th>@lang('common.name')</th>
                                                <th>@lang('library.member_type')</th>
                                                <th>@lang('library.member_id')</th>
                                                <th>@lang('common.email')</th>
                                                <th>@lang('common.mobile')</th>
                                                <th>@lang('common.action')</th>
                                            </tr>
                                        </thead>
    
                                        <tbody>
                                            @if (isset($libraryMembers))
                                                @foreach ($libraryMembers as $key => $value)
                                                    <tr>
                                                        <td>{{ $key + 1 }}</td>
                                                        <td>
                                                                
                                                        </td>
                                                        <td>{{ !empty($value->roles) ? $value->roles->name : '' }}</td>
                                                        <td>{{ $value->member_ud_id }}</td>
                                                        <td>
                                                                
                                                        </td>
                                                        <td>
                                                                                                                    </td>
                                                        <td>
                                                            @if (userPermission('cancel-membership'))
                                                                <a class="primary-btn fix-gr-bg"
                                                                    href="{{ route('cancel-membership', @$value->id) }}">@lang('library.cancel_membership')</a>
                                                            @endif
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            @endif
                                        </tbody>
                                    </table>
                                </x-table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
@include('backEnd.partials.data_table_js')

@if (moduleStatusCheck('University'))
    @push('script')
        <script>
            $(document).ready(function() {
                $("#select_semester_label").on("change", function() {

                    var url = $("#url").val();
                    var i = 0;
                    let semester_id = $(this).val();
                    let academic_id = $('#select_academic').val();
                    let session_id = $('#select_session').val();
                    let faculty_id = $('#select_faculty').val();
                    let department_id = $('#select_dept').val();
                    let un_semester_label_id = $('#select_semester_label').val();

                    if (session_id == '') {
                        setTimeout(function() {
                            toastr.error(
                                "Session Not Found",
                                "Error ", {
                                    timeOut: 5000,
                                });
                        }, 500);

                        $("#select_semester option:selected").prop("selected", false)
                        return;
                    }
                    if (department_id == '') {
                        setTimeout(function() {
                            toastr.error(
                                "Department Not Found",
                                "Error ", {
                                    timeOut: 5000,
                                });
                        }, 500);
                        $("#select_semester option:selected").prop("selected", false)

                        return;
                    }
                    if (semester_id == '') {
                        setTimeout(function() {
                            toastr.error(
                                "Semester Not Found",
                                "Error ", {
                                    timeOut: 5000,
                                });
                        }, 500);
                        $("#select_semester option:selected").prop("selected", false)

                        return;
                    }
                    if (academic_id == '') {
                        setTimeout(function() {
                            toastr.error(
                                "Academic Not Found",
                                "Error ", {
                                    timeOut: 5000,
                                });
                        }, 500);
                        return;
                    }
                    if (un_semester_label_id == '') {
                        setTimeout(function() {
                            toastr.error(
                                "Semester Label Not Found",
                                "Error ", {
                                    timeOut: 5000,
                                });
                        }, 500);
                        return;
                    }

                    var formData = {
                        semester_id: semester_id,
                        academic_id: academic_id,
                        session_id: session_id,
                        faculty_id: faculty_id,
                        department_id: department_id,
                        un_semester_label_id: un_semester_label_id,
                    };

                    // Get Student
                    $.ajax({
                        type: "GET",
                        data: formData,
                        dataType: "json",
                        url: url + "/university/" + "get-university-wise-student",
                        beforeSend: function() {
                            $('#select_un_student_loader').addClass('pre_loader').removeClass(
                                'loader');
                        },
                        success: function(data) {
                            var a = "";
                            $.each(data, function(i, item) {
                                if (item.length) {
                                    $("#select_un_student").find("option").not(":first")
                                        .remove();
                                    $("#select_un_student_div ul").find("li").not(":first")
                                        .remove();

                                    $.each(item, function(i, students) {
                                        console.log(students);
                                        $("#select_un_student").append(
                                            $("<option>", {
                                                value: students.student.id,
                                                text: students.student
                                                    .full_name,
                                            })
                                        );

                                        $("#select_un_student_div ul").append(
                                            "<li data-value='" +
                                            students.student.id +
                                            "' class='option'>" +
                                            students.student.full_name +
                                            "</li>"
                                        );
                                    });
                                } else {
                                    $("#select_un_student_div .current").html(
                                        "SELECT STUDENT *");
                                    $("#select_un_student").find("option").not(":first")
                                        .remove();
                                    $("#select_un_student_div ul").find("li").not(":first")
                                        .remove();
                                }
                            });
                        },
                        error: function(data) {
                            console.log("Error:", data);
                        },
                        complete: function() {
                            i--;
                            if (i <= 0) {
                                $('#select_un_student_loader').removeClass('pre_loader').addClass(
                                    'loader');
                            }
                        }
                    });
                });
            });
        </script>
    @endpush
@endif