@extends($activeTemplate.'layouts.master')
@section('content')
<div class="col-xl-9 ps-xl-4">
    <form action="{{route('user.profile.setting')}}" method="POST" enctype="multipart/form-data" class="edit-profile-form">
        @csrf
        <div class="custom--card mt-2">
            <div class="card-header bg--dark">
                <h5 class="text-white">@lang('Basic Information')</h5>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-lg-6 form-group">
                        <label>@lang('Name (বাংলা)')</label>
                        <div class="custom-icon-field">
                            <i class="las la-user"></i>
                            <input type="text" name="bangla_name" value="{{$user->banglaname}}" class="form--control" required>
                        </div>
                    </div>
                    <div class="col-lg-6 form-group">
                        <label>@lang('Name (English)')</label>
                        <div class="custom-icon-field">
                            <i class="las la-user"></i>
                            <input type="text" name="english_name" value="{{$user->englishname}}" class="form--control" required>
                        </div>
                    </div>
                    <div class="col-lg-6 form-group">
                        <label>@lang('Fathers Name')</label>
                        <div class="custom-icon-field">
                            <i class="las la-user"></i>
                            <input type="text" name="father_name" class="form--control" value="{{@$user->father_name}}" required>
                        </div>
                    </div>
                    <div class="col-lg-6 form-group">
                        <label>@lang('Mothers Name')</label>
                        <div class="custom-icon-field">
                            <i class="las la-user"></i>
                            <input type="text" name="mother_name" class="form--control" value="{{@$user->mother_name}}" required>
                        </div>
                    </div>
                    <div class="col-lg-6 form-group">
                        <label>@lang('Date Of Birth')</label>
                        <div class="custom-icon-field">
                            <i class="las la-calendar-plus"></i>
                             <input type="text" name="birth_date" id='birth_date' value="{{showDateTime($user->birth_date, 'd-m-Y')}}" class="form--control date"  required  autocomplete="off">
                        </div>
                    </div>
                    <div class="col-lg-6 form-group">
                        <label>@lang('National ID')</label>
                        <div class="custom-icon-field">
                            <i class="las la-qrcode"></i>
                            <input type="text" name="national_id" class="form--control" value="{{@$user->national_id}}"  required>
                        </div>
                    </div>
                    <div class="col-lg-6 form-group">
                        <label>@lang('Email')</label>
                        <div class="custom-icon-field">
                            <i class="las la-envelope"></i>
                            <input type="email" name="email" readonly class="form--control" value="{{$user->email}}"  required>
                        </div>
                    </div>
                    <div class="col-lg-6 form-group">
                        <label>@lang('Phone')</label>
                        <div class="custom-icon-field">
                            <i class="las la-phone"></i>
                            <input type="mobile" readonly name="mobile" class="form--control" value="{{$user->mobile}}" required>
                        </div>
                    </div>
                    <div class="col-lg-6 form-group">
                        <label>@lang('Gender')</label>
                        <select class="form--control"  name="gender" required>
                            <option value="0" selected disabled>@lang('Select One')</option>
                            <option value="{{Status::MALE}}" @selected($user->gender == Status::MALE)>@lang('Male')</option>
                            <option value="{{Status::FEMALE}}" @selected($user->gender == Status::FEMALE)>@lang('Female')</option>
                        </select>
                    </div>
                    <div class="col-lg-6 form-group">
                        <label>@lang('Martial Status')</label>
                        <select class="form--control" name="married_status"  required>
                            <option value="0" selected disabled>@lang('Select One')</option>
                            <option value="{{Status::SINGLE}}" @selected($user->gender == Status::SINGLE)>@lang('Single')</option>
                            <option value="{{Status::MARRIED}}" @selected($user->gender == Status::MARRIED)>@lang('Married')</option>
                        </select>
                    </div>
                    <div class="col-lg-6 form-group">
                        <label>@lang('Religion')</label>
                        <select class="form--control"  name="religion" required>
                            <option value="0" selected disabled>@lang('Select One')</option>
                            <option value="{{Status::ISLAM}}" @selected($user->gender == Status::ISLAM)>@lang('Islam')</option>
                            <option value="{{Status::HINDUISM}}" @selected($user->gender == Status::HINDUISM)>@lang('Hinduism')</option>
                            <option value="{{Status::CHRISTIANITY}}" @selected($user->gender == Status::CHRISTIANITY)>@lang('Christianity')</option>
                            <option value="{{Status::BUDDHISM}}" @selected($user->gender == Status::BUDDHISM)>@lang('Buddhism')</option>
                        </select>
                    </div>
                    <div class="col-lg-6 form-group">
                        <label>@lang('Quota')</label>
                        <select class="form--control" name="quota"  required>
                            <option value="0" selected disabled>@lang('Select One')</option>
                            <option value="{{Status::FREEDOM_FIGHTER}}" @selected($user->quota == Status::FREEDOM_FIGHTER)>@lang('Freedom Fighter')</option>
                            <option value="{{Status::PHYSICALLY_CHALLANGED}}" @selected($user->quota == Status::PHYSICALLY_CHALLANGED)>@lang('PHYSICALLY_CHALLANGED')</option>
                            <option value="{{Status::ETHNIC_MINORITY}}" @selected($user->quota == Status::ETHNIC_MINORITY)>@lang('ETHNIC_MINORITY')</option>
                            <option value="{{Status::NeU_DEPARTMENTAL}}" @selected($user->quota == Status::NeU_DEPARTMENTAL)>@lang('NeU_DEPARTMENTAL')</option>
                            <option value="{{Status::OTHER}}" @selected($user->quota == Status::OTHER)>@lang('Other')</option>
                            <option value="{{Status::NOT_APPLICABLE}}" @selected($user->quota == Status::NOT_APPLICABLE)>@lang('Not Applicable')</option>
                        </select>
                    </div>
                    <div class="col-lg-6 form-group">
                        <label>@lang('Present Address')</label>
                        <div class="custom-icon-field">
                            <textarea class="form--control nicEdit" name="present_address" rows="4" required>
                                {{@$user->present_address}}
                            </textarea>
                        </div>
                    </div>
                    <div class="col-lg-6 form-group">
                        <label>@lang('Permanent Address')</label>
                        <div class="custom-icon-field">
                            <textarea class="form--control nicEdit" name="permanent_address" rows="4" required>
                                {{@$user->permanent_address}}
                            </textarea>
                        </div>
                    </div>
                </div>
            </div>
        </div>
         <div class="custom--card mt-4">
            <div class="card-header bg--dark">
                <h5 class="text-white">@lang('Other Information')</h5>
            </div>
            <div class="card-body">

                <div class="form-group">
                    <label>@lang('প্রকাশনা (যদি থাকে)')</label>
                    <textarea class="form--control nicEdit" rows="3" name="publication">{{$user->publication}}</textarea>
                </div>
                <div class="form-group">
                    <label>@lang('অতিরিক্ত যোগ্যতা')</label>
                    <textarea class="form--control nicEdit" rows="3" name="additional_qualification">{{$user->additional_qualification}}</textarea>
                </div>
                <div class="form-group">
                    <label>@lang('ওজন, চোখের দৃষ্টি, উচ্চতা, যদি কোনো বিশেষ রোগ থাকে তার বিবরণ ও অন্যান্য [প্রযোজ্য ক্ষেত্রে]')</label>
                    <textarea class="form--control nicEdit" rows="3" name="health_info">{{$user->health_info}}</textarea>
                </div>  
            </div>
        </div>

        <div class="custom--card mt-4">
            <div class="card-header bg--dark">
                <h5 class="text-white">@lang('Reference')</h5>
            </div>
            <div class="card-body">
                <div class="form-group">
                    <label>@lang('Reference')</label>
                    
                        <textarea class="form--control nicEdit" name="reference" rows="5">
                            {{$user->reference}}
                        </textarea>
                    
                </div>


            </div>
        </div>
        <button type="submit" class="btn btn--base mt-4 w-100 ">@lang('Update Profile')</button>
    </form>
</div>
@endsection


@push('style-lib')
    <link rel="stylesheet" href="{{asset('assets/global/css/select2.min.css')}}">
    <link rel="stylesheet" href="{{asset('assets/global/css/datepicker.min.css')}}">
    <link rel="stylesheet" href="{{asset('assets/global/css/nice-edit-font.css')}}">
@endpush

@push('script-lib')
    <script src="{{asset('assets/global/js/nicEdit.js')}}"></script>
    <script src="{{asset('assets/global/js/select2.min.js') }}"></script>
    <script src="{{ asset('assets/global/js/datepicker.min.js') }}"></script>
    <script src="{{ asset('assets/global/js/datepicker.en.js') }}"></script>
@endpush

@push('script')
    <script>
        "use strict";
        (function ($) {
            bkLib.onDomLoaded(function () {
                $(".nicEdit").each(function (index) {
                    $(this).attr("id", "nicEditor" + index);
                    new nicEditor({
                        fullPanel: true
                    }).panelInstance('nicEditor' + index, {
                        hasPanel: true
                    });
                });
            });

            $('.select2').select2({
                tags: true,
                dropDownParent:$('.card-body')
            });

            $('.date').datepicker({
                language  : 'en',
                dateFormat: 'dd-mm-yyyy',
                maxDate:new Date()
            }).on('changeDate', function(e){
                $(this).datepicker('hide');
            });
        })(jQuery);
    </script>
@endpush


@push('style')
    <style>
        .select2-container--default .select2-selection--multiple{
            border-color: #e5e5e5 !important;
        }
    </style>
@endpush