@extends('admin.layouts.master')
@section('page_title', __('New Student'))
@section('breadcrumb')
    @include('admin.partials.breadcrumb', ['breads' => [__('Students'), __('New 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.store')}}" enctype="multipart/form-data" autocomplete="nop" data-parsley-validate>
                            @csrf
                            <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="" >
                                    </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')}}">
                                    </div>
                                </div>
                                {{-- <div class="col-6">
                                    <div class="form-group">
                                        <label class="form-label">{{__('User Name')}}</label>
                                        <input class="form-control" name="user_name" placeholder="{{__('Enter User Name')}}" type="text" value="{{old('user_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')==$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" data-parsley-pattern="^[\d\+\-\.\(\)\/\s]*$" value="{{old('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" data-parsley-pattern="^[\d\+\-\.\(\)\/\s]*$" value="{{old('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')}}">
                                    </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')}}">
                                    </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')}}">
                                    </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="">
                                        <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->name==old('role')?'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', [])) ? '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')==$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')}}</textarea>
                                    </div>
                                </div>
                                @include('adminroleauthmodule::includes.save-buttons')
                            </div>
                        </form>
                    </div>
                </div>
            </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