@extends('layouts.user')

@section('content')
@push('css')

    <link href="{{ asset('') }}/assets/libs/select2/css/select2.min.css" rel="stylesheet" type="text/css" />
    {{-- dropzone --}}
    <link href="{{ asset('') }}/assets/libs/dropzone/min/dropzone.min.css" rel="stylesheet" type="text/css" />
    <link href="{{ asset('') }}/assets/libs/dropify/css/dropify.min.css" rel="stylesheet" type="text/css" />
@endpush
<div class="container-fluid">
    <div class="row">  
        <div class="col-md-2">
        </div>
        <div class="col-md-8">
            <div class="card">
                <div class="card-body">
                    <h2 class="mb-3" align="center">Profile Update</h2>
                    <form method="POST" action="{{ route('user.profile_update') }}"  enctype="multipart/form-data">
                        @csrf
                        <div class="row">

                            <div class="col-md-12">
                                <label for="picture">Picture</label>
                                <input type="file" name="picture" id="picture" class="dropify" data-height="150" data-default-file="{{ auth_user('picture') ? asset('uploads/users/'.auth_user('picture')) : default_image()}}" />                 
                            </div>
                            <div class="col-md-12 mt-2">                                 
                                <div class="form-group ">
                                    <label for="name" class="col-form-label pt-0">Full Name<span class="text-danger">*</span></label>
                                    <input class="form-control{{ $errors->has('name') ? ' is-invalid' : '' }}" type="text" name="name" id="name" placeholder="Full Name" value="{{ auth_user('name') }}">
                                    @if ($errors->has('name'))
                                        <span class="text-danger" role="alert">
                                            <strong>{{ $errors->first('name') }}</strong>
                                        </span>
                                    @endif
                                </div>
                            </div>

                            <div class="col-md-6">                                 
                                <div class="form-group ">
                                    <label for="father_name" class="col-form-label pt-0">Father Name</label>
                                    <input class="form-control{{ $errors->has('father_name') ? ' is-invalid' : '' }}" type="text" name="father_name" id="father_name" placeholder="Father Name" value="{{ auth_user('father_name') }}">
                                    @if ($errors->has('father_name'))
                                        <span class="text-danger" role="alert">
                                            <strong>{{ $errors->first('father_name') }}</strong>
                                        </span>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-6">                                 
                                <div class="form-group ">
                                    <label for="mother_name" class="col-form-label pt-0">Mother Name</label>
                                    <input class="form-control{{ $errors->has('mother_name') ? ' is-invalid' : '' }}" type="text" name="mother_name" id="mother_name" placeholder="Mother Name" value="{{ auth_user('mother_name') }}">
                                    @if ($errors->has('mother_name'))
                                        <span class="text-danger" role="alert">
                                            <strong>{{ $errors->first('mother_name') }}</strong>
                                        </span>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-6">                                 
                                <div class="form-group ">
                                    <label for="nominee_name" class="col-form-label pt-0">Nominee Name</label>
                                    <input class="form-control{{ $errors->has('nominee_name') ? ' is-invalid' : '' }}" type="text" name="nominee_name" id="nominee_name" placeholder="Nominee Name" value="{{ auth_user('nominee_name') }}">
                                    @if ($errors->has('nominee_name'))
                                        <span class="text-danger" role="alert">
                                            <strong>{{ $errors->first('nominee_name') }}</strong>
                                        </span>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-6">                                 
                                <div class="form-group ">
                                    <label for="relation_with_nominee" class="col-form-label pt-0">Relation with Nominee</label>
                                    <input class="form-control{{ $errors->has('relation_with_nominee') ? ' is-invalid' : '' }}" type="text" name="relation_with_nominee" id="relation_with_nominee" placeholder="Relation" value="{{ auth_user('relation_with_nominee') }}">
                                    @if ($errors->has('relation_with_nominee'))
                                        <span class="text-danger" role="alert">
                                            <strong>{{ $errors->first('relation_with_nominee') }}</strong>
                                        </span>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-6">                                 
                                <div class="form-group ">
                                    <label for="mobile" class="col-form-label pt-0">Mobile<span class="text-danger">*</span></label>
                                    <input class="form-control{{ $errors->has('mobile') ? ' is-invalid' : '' }}" type="text" name="mobile" id="mobile" placeholder="01913XXXXXX" value="{{ auth_user('phone_number') }}">
                                    @if ($errors->has('mobile'))
                                        <span class="text-danger" role="alert">
                                            <strong>{{ $errors->first('mobile') }}</strong>
                                        </span>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-6">                                 
                                <div class="form-group ">
                                    <label for="email" class="col-form-label pt-0">E-mail</label>
                                    <input class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" type="email" name="email" id="email" placeholder="Email" value="{{ auth_user('email') }}">
                                    @if ($errors->has('email'))
                                        <span class="text-danger" role="alert">
                                            <strong>{{ $errors->first('email') }}</strong>
                                        </span>
                                    @endif
                                </div>
                            </div>

                            <div class="col-md-6">                                   
                                <div class="form-group ">
                                    <label for="gender" class="col-form-label pt-0">Gender<span class="text-danger">*</span></label>
                                    <select id="gender" class="select2 form-control mb-3 custom-select" name="gender" style="width: 100%; height:42px;">
                                        <option disabled="" selected="" value="">Select One</option>
                                        <option value="Male" @if(auth_user('gender')=='Male') selected="" @endif>Male</option> 
                                        <option value="Female" @if(auth_user('gender')=='Female') selected="" @endif>Female</option> 
                                    </select>
                                    @if ($errors->has('gender'))
                                        <span class="text-danger" role="alert">
                                            <strong>{{ $errors->first('gender') }}</strong>
                                        </span>
                                    @endif
                                </div>
                            </div>

                            <div class="col-md-6">                                   
                                <div class="form-group ">
                                    <label for="religion" class="col-form-label pt-0">Religion<span class="text-danger">*</span></label>
                                    <select id="religion" class="select2 form-control mb-3 custom-select" name="religion" style="width: 100%; height:42px;">
                                        <option disabled="" selected="" value="">Select One</option>
                                        <option value="Islam" @if(auth_user('religion')=='Islam') selected="" @endif>Islam</option> 
                                        <option value="Buddhist" @if(auth_user('religion')=='Buddhist') selected="" @endif>Buddhist</option> 
                                        <option value="Christian" @if(auth_user('religion')=='Christian') selected="" @endif>Christian</option> 
                                        <option value="Hindu" @if(auth_user('religion')=='Hindu') selected="" @endif>Hindu</option> 
                                        <option value="Others" @if(auth_user('religion')=='Others') selected="" @endif>Others</option> 
                                    </select>
                                    @if ($errors->has('religion'))
                                        <span class="text-danger" role="alert">
                                            <strong>{{ $errors->first('religion') }}</strong>
                                        </span>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-6">                                 
                                <div class="form-group ">
                                    <label for="date_of_birth" class="col-form-label pt-0">Date of Birth</label>
                                    <input class="form-control{{ $errors->has('date_of_birth') ? ' is-invalid' : '' }}" type="date" name="date_of_birth" id="date_of_birth" placeholder="DOB" value="{{ auth_user('date_of_birth') }}">
                                    @if ($errors->has('date_of_birth'))
                                        <span class="text-danger" role="alert">
                                            <strong>{{ $errors->first('date_of_birth') }}</strong>
                                        </span>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-6">                                 
                                <div class="form-group ">
                                    <label for="nid_no" class="col-form-label pt-0">National ID / Birth Certificate</label>
                                    <input class="form-control{{ $errors->has('nid_no') ? ' is-invalid' : '' }}" type="text" name="nid_no" id="nid_no" placeholder="National ID" value="{{ auth_user('nid_no') }}">
                                    @if ($errors->has('nid_no'))
                                        <span class="text-danger" role="alert">
                                            <strong>{{ $errors->first('nid_no') }}</strong>
                                        </span>
                                    @endif
                                </div>
                            </div>

                            <div class="col-md-6">                                   
                                <div class="form-group ">
                                    <label for="profession" class="col-form-label pt-0">Profession</label>
                                    <select id="profession" class="select2 form-control mb-3 custom-select" name="profession">
                                        <option disabled="" selected="" value="">Select One</option>
                                        <option value="Job" @if(auth_user('profession')=='Job') selected="" @endif>Job</option> 
                                        <option value="Business" @if(auth_user('profession')=='Business') selected="" @endif>Business</option> 
                                        <option value="Doctor" @if(auth_user('profession')=='Doctor') selected="" @endif>Doctor</option> 
                                        <option value="Advocate" @if(auth_user('profession')=='Advocate') selected="" @endif>Advocate</option> 
                                        <option value="Freelancer" @if(auth_user('profession')=='Freelancer') selected="" @endif>Freelancer</option> 
                                        <option value="Networker" @if(auth_user('profession')=='Networker') selected="" @endif>Networker</option> 
                                    </select>
                                    @if ($errors->has('profession'))
                                        <span class="text-danger" role="alert">
                                            <strong>{{ $errors->first('profession') }}</strong>
                                        </span>
                                    @endif
                                </div>
                            </div>

                            <div class="col-md-6">                                   
                                <div class="form-group ">
                                    <label for="blood_group" class="col-form-label pt-0">Blood Group</label>
                                    <select id="blood_group" class="select2 form-control mb-3 custom-select" name="blood_group">
                                        <option disabled="" selected="" value="">Select One</option>
                                        <option value="A+" @if(auth_user('blood_group')=='A+') selected="" @endif>A+</option> 
                                        <option value="A-" @if(auth_user('blood_group')=='A-') selected="" @endif>A-</option> 
                                        <option value="B+" @if(auth_user('blood_group')=='B+') selected="" @endif>B+</option> 
                                        <option value="B-" @if(auth_user('blood_group')=='B-') selected="" @endif>B-</option> 
                                        <option value="AB+" @if(auth_user('blood_group')=='AB+') selected="" @endif>AB+</option> 
                                        <option value="AB-" @if(auth_user('blood_group')=='AB-') selected="" @endif>AB-</option> 
                                        <option value="O+" @if(auth_user('blood_group')=='O+') selected="" @endif>O+</option> 
                                        <option value="O-" @if(auth_user('blood_group')=='O-') selected="" @endif>O-</option> 
                                    </select>
                                    @if ($errors->has('blood_group'))
                                        <span class="text-danger" role="alert">
                                            <strong>{{ $errors->first('blood_group') }}</strong>
                                        </span>
                                    @endif
                                </div>
                            </div>

                            <div class="col-md-12">                                 
                                <div class="form-group ">
                                    <label for="address" class="col-form-label pt-0">Address</label>
                                    <input class="form-control{{ $errors->has('address') ? ' is-invalid' : '' }}" type="text" name="address" id="address" placeholder="Address" value="{{ auth_user('address') }}">
                                    @if ($errors->has('address'))
                                        <span class="text-danger" role="alert">
                                            <strong>{{ $errors->first('address') }}</strong>
                                        </span>
                                    @endif
                                </div>
                            </div>

                            <div class="col-md-12 text-right mt-4">
                                <button type="submit" class="btn btn-dribbble">
                                    <i class="fas fa-save mr-2"></i> Update
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>                                                              
    </div><!--end row-->
    
</div> <!-- container-fluid -->
@push('alljs')
    <script src="{{ asset('') }}/assets/libs/select2/js/select2.min.js"></script>
    <script src="{{ asset('') }}/assets/js/pages/form-advanced.init.js"></script>
    <script src="{{ asset('') }}/assets/libs/dropzone/min/dropzone.min.js"></script>
    <script src="{{ asset('') }}/assets/libs/dropify/js/dropify.min.js"></script>

    <script src="{{ asset('') }}/assets/js/pages/form-fileuploads.init.js"></script>


    @if ($message = Session::get('error'))
    <script type="text/javascript">
        var msg = '{{$message}} ';   
        show_toast('error',msg);
    </script>
    @endif
    @if ($message = Session::get('success'))
    <script type="text/javascript">
        var msg = '{{$message}} ';   
        show_toast('success',msg);
    </script>
    @endif
@endpush
@endsection