@extends('frontend.layouts.app', ['title' => 'My Profile'])

@section('content')
    <div class="wrapper">
        @include('frontend.layouts.sidebar', ['title' => 'My Profile'])
        <div class="my_order_page">
            <div class="container">
                <div class="row">
                    <div class="col-xl-3 col-lg-4 col-md-12">
                        <x-left-side-tabs />
                    </div>
                    <div class="col-xl-9 col-lg-8 col-md-12">
                        <div class="">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="main-title-tab main-title-tab_mobile">
                                        <h4><i class="uil uil-location-point"></i>My Profile</h4>
                                    </div>
                                </div>
                                <div class="col-lg-12 col-md-12">
                                    <form id="profile-update-form" method="POST" action="{{ route('profile.update') }}">
                                        @csrf
                                        <div class="pdpt-bg">
                                            <div class="row">
                                                <div class="col-lg-12 col-md-12">
                                                    <div class="form-group mt-4">
                                                        <label class="control-label">Name*</label>
                                                        <input id="name" name="name" type="text" value="{{ auth()->user()->name }}"
                                                            placeholder="Name" class="form-control input-md" required />
                                                    </div>
                                                </div>
                                                <div class="col-lg-12 col-md-12">
                                                    <div class="form-group mt-4">
                                                        <label class="control-label">Phone Number*</label>
                                                        <input id="user_phone" name="user_phone" type="text" value="{{ auth()->user()->user_phone }}"
                                                            placeholder="Contact" class="form-control input-md" required />
                                                    </div>
                                                </div>
                                                <div class="col-lg-12 col-md-12">
                                                    <div class="form-group mt-4">
                                                        <label class="control-label">Email*</label>
                                                        <input id="email" name="email" type="text" value="{{ auth()->user()->email }}"
                                                            placeholder="Email" class="form-control input-md" required disabled />
                                                    </div>
                                                </div>
                                                <div class="col-lg-12 col-md-12">
                                                    <div class="form-group mt-30">
                                                        <div class="address-btns">
                                                            <button class="w-100 hover-btn" type="submit">Update</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @push('scripts')
        <script type="text/javascript" src="{{ asset('vendor/jsvalidation/js/jsvalidation.js') }}"></script>
        {!! JsValidator::formRequest('App\Http\Requests\Frontend\Profile\ProfileUpdateRequest', '#profile-update-form') !!}
    @endpush
@endsection