@extends('admin.layouts.master')
@section('page_title', __('Edit Student'))
@section('breadcrumb')
    @include('admin.partials.breadcrumb', ['breads' => [__('Students'), __('Edit Student')]])
@endsection

@push('css')
    <link href="{{asset('assets/admin')}}/plugins/fileuploads/css/fileupload.css" rel="stylesheet" type="text/css"/>
    <link href="{{asset('assets/admin')}}/plugins/select2/css/select2.min.css" rel="stylesheet">
@endpush

@section('content')
    <div class="row">
        <div class="col-lg-12 col-md-12">
            <div class="card">
                <div class="card-body">
                    <form method="POST" action="{{route(auth()->getDefaultDriver().'.students.update', $student->id)}}" enctype="multipart/form-data" autocomplete="nop" data-parsley-validate>
                        @csrf
                        @method('PUT')
                        
                        <div class="modal-body row m-2">
                            <div class="col-12">
                                <div class="form-group">
                                    <label>{{__('Image')}}</label>
                                    <input type="file" accept="image/*" name="image" class="dropify" data-default-file="{{ $student->image }}" data-show-remove="false">
                                </div>
                            </div>

                            <div class="col-6">
                                <div class="form-group">
                                    <label class="form-label">{{__('Name')}} <span class="tx-danger">*</span></label>
                                    <input class="form-control" name="name" placeholder="{{__('Enter Name')}}" required type="text" value="{{old('name', $student->name)}}">
                                </div>
                            </div>

                            <div class="col-6">
                                <div class="form-group">
                                    <label class="form-label">{{__('User Type')}} <span class="tx-danger">*</span></label>
                                    <select class="form-control" name="type_id" required>
                                        <option value="">{{__('Select')}}</option>
                                        @foreach ($types as $type)
                                            <option value="{{$type->id}}" {{old('type_id', $student->type_id) == $type->id ? 'selected' : ''}}>{{$type->name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="col-6">
                                <div class="form-group">
                                    <label class="form-label">{{__('Phone')}} <span class="tx-danger">*</span></label>
                                    <input class="form-control" name="phone" placeholder="{{__('Enter Phone')}}" required type="text" value="{{old('phone', $student->phone)}}">
                                </div>
                            </div>

                            <div class="col-6">
                                <div class="form-group">
                                    <label class="form-label">{{__('WhatsApp No.')}} <span class="tx-danger">*</span></label>
                                    <input class="form-control" name="whatsapp" placeholder="{{__('Enter WhatsApp No.')}}" required type="text" value="{{old('whatsapp', $student->whatsapp)}}">
                                </div>
                            </div>

                            <div class="col-6">
                                <div class="form-group">
                                    <label class="form-label">{{__('Address')}}</label>
                                    <input class="form-control" name="address" placeholder="{{__('Enter Address')}}" type="text" value="{{old('address', $student->address)}}">
                                </div>
                            </div>

                            <div class="col-6">
                                <div class="form-group">
                                    <label class="form-label">{{__('National ID')}}</label>
                                    <input class="form-control" name="national_id" placeholder="{{__('Enter National ID')}}" type="text" value="{{old('national_id', $student->national_id)}}">
                                </div>
                            </div>

                            <div class="col-6">
                                <div class="form-group">
                                    <label class="form-label">{{__('Email')}}</label>
                                    <input class="form-control" name="email" placeholder="{{__('Enter Email')}}" type="email" value="{{old('email', $student->email)}}">
                                </div>
                            </div>

                            <div class="col-6">
                                <div class="form-group">
                                    <label class="form-label">{{__('Roles')}} <span class="tx-danger">*</span></label>
                                    <input type="hidden" name="role_id" id="role_id" value="{{ old('role_id', $student->role_id) }}">
                                    <select class="form-control" name="role" required onchange="$('#role_id').val($(this).find(':selected').attr('data-role-id'))">
                                        <option value="">{{__('Select')}}</option>
                                        @foreach ($roles as $role)
                                            <option data-role-id="{{ $role->id }}" value="{{ $role->name }}" {{ ($role->id == old('role_id', $student->role_id)) ? 'selected' : '' }}>
                                                {{ $role->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="col-6">
                                <div class="form-group" wire:ignore>
                                    <label class="form-label">{{ __('Groups') }} <span class="tx-danger">*</span></label>
                                    <select class="form-control select2-multi" name="group_ids[]" multiple="multiple" required data-parsley-errors-container="#group_id_error">
                                        @foreach ($groups as $group)
                                            <option value="{{ $group->id }}" {{ in_array($group->id, old('group_ids', $student->student_group->pluck('group_id')->toArray())) ? 'selected' : '' }}>{{ $group->name }}</option>
                                        @endforeach
                                    </select>
                                    <div id="group_id_error"></div>
                                </div>
                            </div>

                            <div class="col-6">
                                <div class="form-group">
                                    <label class="form-label">{{__('Payment Status')}} <span class="tx-danger">*</span></label>
                                    <select class="form-control" name="payment_status_id" required>
                                        <option value="">{{__('Select')}}</option>
                                        @foreach ($paymentStatus as $status)
                                            <option value="{{$status->id}}" {{old('payment_status_id', $student->payment_status_id) == $status->id ? 'selected' : ''}}>{{$status->name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="col-6">
                                <div class="form-group">
                                    <label class="form-label">{{__('Password')}} <small class="tx-info">{{__("Don't enter password or it's confirmation and it will be auto-created (123456789)")}}</small></label>
                                    <input type="password" class="form-control" value="{{old('password')}}" name="password" placeholder="{{__('New Password')}}" minlength="8" autocomplete="new-password">
                                    <small>{{__('8 characters minimum')}}</small>
                                </div>
                            </div>

                            <div class="col-6">
                                <div class="form-group">
                                    <label class="form-label">{{__('Confirm Password')}} </label>
                                    <input type="password" placeholder="{{__('Re-Enter Password')}}" class="form-control" value="{{old('password_confirmation')}}" name="password_confirmation" minlength="8">
                                </div>
                            </div>

                            <div class="col-12">
                                <div class="form-group">
                                    <label class="form-label">{{__('Notes')}}</label>
                                    <textarea rows="4" placeholder="{{__('Enter Notes')}}" class="form-control" name="notes">{{old('notes', $student->notes)}}</textarea>
                                </div>
                            </div>

                            @include('adminroleauthmodule::includes.save-buttons')
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('js')
    <script src="{{asset('assets/admin')}}/plugins/fileuploads/js/{{app()->getLocale()}}/fileupload.js"></script>
    <script src="{{asset('assets/admin')}}/plugins/fileuploads/js/{{app()->getLocale()}}/file-upload.js"></script>

    <script src="{{asset('assets/admin')}}/plugins/select2/js/select2.full.min.js"></script>
    <script src="{{asset('assets/admin')}}/plugins/select2/js/i18n/{{ app()->getLocale() }}.js"></script>

    <script type="text/javascript">
        $(document).ready(function () {
            $('.select2-multi').select2({
                language: "{{ app()->getLocale() }}",
                dir: "{{ session()->get('rtl', 1) ? 'rtl' : 'ltr' }}",
                placeholder: "{{ __('Search...') }}",
            });
        });
    </script>
@endpush