@extends('layouts.home_layout')
@section('title','User Profile Update')

@section('style')
@endsection

@section('content')

    <div class="app-content content">
        <div class="col-12 mt-1">
            @include('common.alert_msg')
            <div class="card">
                <div class="card-header ">
                    <a class="heading-elements-toggle"><i class="la la-ellipsis-v font-medium-3"></i></a>
                    <div class="heading-elements">
                        <ul class="list-inline mb-0">
                            <li><a data-action="collapse"><i class="ft-minus"></i></a></li>
                            <li><a data-action="reload" onClick="location.reload()"><i class="ft-rotate-cw"></i></a></li>
                            <li><a data-action="expand"><i class="ft-maximize"></i></a></li>
                            <li><a data-action="close"><i class="ft-x"></i></a></li>
                        </ul>
                    </div>
                </div>
                <br>
                <div class="card-content collapse show">
                    <div class="col-12">
                        <div class="modal-content" id="myModal">
                            <div class="modal-header">
                                <h5 class="modal-title" id="exampleModalLabel">Update Profile</h5>
                            </div>

                            <form method="POST" action="{{ url('usrProfile') }}"  enctype="multipart/form-data">
                            @csrf
                                <input type="hidden" name="row_id" id="row_id">
                                <div class="modal-body row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="name" class="col-form-label">Name:</label>
                                            <input type="text" class="form-control" id="name" name="name" readonly value="{{ Auth::user()->name }}">
                                        </div>
                                    </div>
                                    
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="email"  class="col-form-label">E-mail:</label>
                                           <input type="text" class="form-control" id="email" name="email" readonly value="{{ Auth::user()->email}}">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="mbl_number"  class="col-form-label">Mobile Number:</label>

                                           <input type="tel" class="form-control" id="mbl_number" pattern="^\s*(?:\+?(\d{1,3}))?[-. (]*(\d{3})[-. )]*(\d{3})[-. ]*(\d{4})(?: *x(\d+))?\s*$" name="mbl_number" value="{{old('mbl_number', empty($errors->mbl_number) ? '' : $errors->mbl_number)}}">
                                            @if ($errors->has('mbl_number'))
                                                <span class="text-danger">{{ $errors->first('mbl_number') }}</span>
                                            @endif
                                        </div>
                                    </div>
                                    
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="usr_adress" class="col-form-label">Address :</label>
                                            <textarea class="form-control" id="usr_adress" name="usr_adress">{{old('usr_adress', empty($errors->usr_adress) ? '' : $errors->usr_adress)}}</textarea>
                                            @if ($errors->has('usr_adress'))
                                                <span class="text-danger">{{ $errors->first('usr_adress') }}</span>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="usr_profession" class="col-form-label">Profession :</label>
                                           <input type="text" class="form-control" id="usr_profession" name="usr_profession" value="{{old('usr_profession', empty($errors->usr_profession) ? '' : $errors->usr_profession)}}">
                                            @if ($errors->has('usr_profession'))
                                                <span class="text-danger">{{ $errors->first('usr_profession') }}</span>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="usr_info" class="col-form-label">About :</label>
                                            <textarea class="form-control" id="usr_info" name="usr_info">{{old('usr_info', empty($errors->usr_info) ? '' : $errors->usr_info)}}</textarea>
                                             @if ($errors->has('usr_info'))
                                                <span class="text-danger">{{ $errors->first('usr_info') }}</span>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="usr_image" class="col-form-label">Change Image :</label>
                                           <input type="file" name="usr_image" class="form-control">
                                        </div>
                                    </div>
                                   
                                </div>
                                <div class="modal-footer">
                                    <button type="submit" class="btn btn-primary" id="btn_save">Save</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
    </div>
@endsection


@section('script')
<script type="text/javascript">


   
</script>
@endsection