@extends('layout.master')
@section('profile', 'active')

@section('content')
        <div class="page-content instructor-page-content">
            <div class="container">
                <div class="row">

                    @include('user.templates.user-sidebar')


                    <div class="col-xl-9 col-md-8">
                        <div class="settings-widget profile-details">
                            <div class="settings-menu p-0">


                                <div class="checkout-form personal-address add-course-info">
                                    <div class="personal-info-head">
                                        <h4>Personal Details</h4>
                                        <p>Edit your personal information and address.</p>
                                    </div>
                                    <form action="{{url('u-p')}}" method="post" enctype="multipart/form-data">
                                        @csrf
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label class="form-control-label">Name</label> <span style="color: red"> *</span>
                                                    <input type="text" class="form-control" name="name" value="{{Auth()->user()->name}}"
                                                        placeholder="Enter your first Name" required>
                                                </div>
                                            </div>

                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label class="form-control-label">Email</label> <span style="color: red"> *</span>
                                                    <input type="email" class="form-control" name="email" value="{{Auth()->user()->email}}"
                                                        placeholder="Enter your Email" required>
                                                </div>
                                            </div>

                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label class="form-control-label">Phone</label>
                                                    <input type="number" maxlength="10" class="form-control" name="number" value="{{Auth()->user()->number}}"
                                                        placeholder="Enter your Phone" >
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label class="form-control-label">Birthday</label>
                                                    <input type="date" class="form-control" placeholder="Birth of Date" value="{{Auth()->user()->bDate}}" name="bDate" >
                                                </div>
                                            </div>

                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label class="form-control-label">Address Line 1</label>
                                                    <input type="text" class="form-control" placeholder="Address" name="address" value="{{Auth()->user()->address}}">
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label class="form-control-label">Address Line 2</label>
                                                    <input type="text" class="form-control" placeholder="Address" name="address_2" value="{{Auth()->user()->address_2}}">
                                                </div>
                                            </div>

                                          {{--   <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label class="form-control-label">Address Line 2 (Optional)</label>
                                                    <input type="text" class="form-control" placeholder="Address" name="address_2">
                                                </div>
                                            </div> --}}
                                            <div class="col-lg-4">
                                                <div class="form-group">
                                                    <label class="form-control-label">Sate</label>
                                                    <input type="text" class="form-control" name="state" value="{{Auth()->user()->state}}"
                                                        placeholder="Enter your State" >
                                                </div>
                                            </div>
                                            <div class="col-lg-4">
                                                <div class="form-group">
                                                    <label class="form-control-label">City</label>
                                                    <input type="text" class="form-control" name="city" value="{{Auth()->user()->city}}"
                                                        placeholder="Enter your City" >
                                                </div>
                                            </div>

                                            <div class="col-lg-4">
                                                <div class="form-group">
                                                    <label class="form-control-label">Pin Code</label>
                                                    <input type="text" class="form-control" placeholder="Pin"   maxlength="10" oninput="this.value = this.value.replace(/[^0-9]/g, '').substring(0, 6);"
                                                    name="pin" value="{{Auth()->user()->pin}}">
                                                </div>
                                            </div>

                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label class="form-control-label">Marital Status</label>
                                                    <select name="m_status" class="form-select form-control">
                                                        <option value="" selected hidden disabled>Select Marital Status</option>
                                                        <option value="single" {{ Auth()->user()->m_status == 'single' ? 'selected' : '' }}>Single</option>
                                                        <option value="married" {{  Auth()->user()->m_status == 'married' ? 'selected' : '' }}>Married
                                                        </option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label class="form-control-label">Caste</label>
                                                    <select name="caste" class="form-select form-control">
                                                        <option value="" selected disabled hidden>Select Caste</option>
                                                        <option value="GENERAL" {{  Auth()->user()->caste == 'GENERAL' ? 'selected' : '' }}>General</option>
                                                        <option value="OBC" {{ Auth()->user()->caste == 'OBC' ? 'selected' : '' }}>OBC</option>
                                                        <option value="EWS" {{ Auth()->user()->caste == 'EWS' ? 'selected' : '' }}>EWS</option>
                                                        <option value="SC" {{ Auth()->user()->caste == 'SC' ? 'selected' : '' }}>SC</option>
                                                        <option value="ST" {{ Auth()->user()->caste == 'ST' ? 'selected' : '' }}>ST</option>
                                                    </select>
                                                </div>
                                            </div>

                                            <div class="col-lg-12">
                                                <div class="form-group">
                                                    <label class="form-control-label">Aadhar No.</label>
                                                    <input type="text" class="form-control" name="aadhar_no" pattern="\d{12}" maxlength="12" value="{{Auth()->user()->aadhar_no}}"
                                                        placeholder="Enter your Aadhar No." >
                                                </div>
                                            </div>

                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label class="form-control-label">Father Name</label>
                                                    <input type="text" class="form-control" name="f_name" value="{{Auth()->user()->f_name}}"
                                                        placeholder="Enter your Father's Name" >
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label class="form-control-label">Father Contact</label>
                                                    <input type="text" class="form-control" name="f_contact"         maxlength="10" oninput="this.value = this.value.replace(/[^0-9]/g, '').substring(0, 10);" pattern="\d{10}"  value="{{Auth()->user()->f_contact}}"
                                                        placeholder="Enter your Father's Contact" >
                                                </div>
                                            </div>

                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label class="form-control-label">Mother Name</label>
                                                    <input type="text" class="form-control" name="m_name" value="{{Auth()->user()->m_name}}"
                                                        placeholder="Enter your Mother's Name" >
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label class="form-control-label">Mother Contact</label>
                                                    <input type="text" class="form-control" name="m_contact"         maxlength="10" oninput="this.value = this.value.replace(/[^0-9]/g, '').substring(0, 10);"  pattern="\d{10}"  value="{{Auth()->user()->m_contact}}"
                                                        placeholder="Enter your Mother's Contact" >
                                                </div>
                                            </div>


                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="form-control-label">Your Photo</label>
                                                    <input type="file" class="form-control" name="image">
                                                    <img width="50%" class="mt-2" src="{{asset(Auth()->user()->image)}}" alt="">
                                                </div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="form-control-label">Your Sign</label>
                                                    <input type="file" class="form-control" name="sign">
                                                    <img width="50%"  class="mt-2" src="{{asset(Auth()->user()->sign)}}" alt="">
                                                </div>
                                            </div>

                                            <div class="update-profile">
                                                <button type="submit" class="btn btn-primary">Update Profile</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>

@endsection