@extends('account.layouts.app')

@section('title', 'تنظیمات')

@section('account-content')

    <div class="user-profile-wrapper">

        <div class="col-lg-12 mb-4">

            <div class="user-profile-card">

                <h4 class="user-profile-card-title">
                    بروزرسانی مشخصات پروفایل
                </h4>

                <div class="user-profile-form">

                    @if(session('success'))
                        <div class="alert alert-success">
                            {{ session('success') }}
                        </div>
                    @endif

                    <form action="{{ route('account.edit-profile.post') }}"
                          method="POST">

                        @csrf
                        @method('PUT')

                        <div class="row">

                            {{-- نام --}}
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>نام</label>

                                    <input
                                        type="text"
                                        name="first_name"
                                        class="form-control"
                                        value="{{ old('first_name', $user->first_name) }}"
                                        placeholder="نام شما"
                                    >

                                    @error('first_name')
                                    <span class="text-danger">
                                        {{ $message }}
                                    </span>
                                    @enderror
                                </div>
                            </div>


                            {{-- نام خانوادگی --}}
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>نام خانوادگی</label>

                                    <input
                                        type="text"
                                        name="last_name"
                                        class="form-control"
                                        value="{{ old('last_name', $user->last_name) }}"
                                        placeholder="نام خانوادگی"
                                    >

                                    @error('last_name')
                                    <span class="text-danger">
                                        {{ $message }}
                                    </span>
                                    @enderror
                                </div>
                            </div>


                            {{-- ایمیل --}}
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>ایمیل</label>

                                    <input
                                        type="email"
                                        name="email"
                                        class="form-control"
                                        value="{{ old('email', $user->email) }}"
                                        placeholder="ایمیل"
                                    >

                                    @error('email')
                                    <span class="text-danger">
                                        {{ $message }}
                                    </span>
                                    @enderror
                                </div>
                            </div>


                            {{-- موبایل --}}
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>موبایل</label>

                                    <input
                                        type="text"
                                        name="mobile"
                                        class="form-control"
                                        value="{{ old('mobile', $user->mobile) }}"
                                        placeholder="موبایل"
                                    >

                                    @error('mobile')
                                    <span class="text-danger">
                                        {{ $message }}
                                    </span>
                                    @enderror
                                </div>
                            </div>


                            {{-- استان و شهر فعلاً همان قبلی --}}

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>استان</label>

                                    <input
                                        type="text"
                                        name="user_province"
                                        class="form-control"
                                        value="{{ old('user_province', $user->user_province) }}"
                                        placeholder="استان"
                                    >
                                </div>
                            </div>


                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>شهر</label>

                                    <input
                                        type="text"
                                        name="user_city"
                                        class="form-control"
                                        value="{{ old('user_city', $user->user_city) }}"
                                        placeholder="شهر"
                                    >
                                </div>
                            </div>

                        </div>


                        {{-- تغییر رمز --}}
                        <h4 class="user-profile-card-title mt-4">
                            عوض کردن رمز عبور
                        </h4>


                        <div class="form-group">
                            <label>رمز عبور فعلی</label>

                            <input
                                type="password"
                                name="current_password"
                                class="form-control"
                                placeholder="رمز عبور فعلی"
                            >

                            @error('current_password')
                            <span class="text-danger">
                                {{ $message }}
                            </span>
                            @enderror
                        </div>


                        <div class="form-group">
                            <label>رمز عبور جدید</label>

                            <input
                                type="password"
                                name="new_password"
                                class="form-control"
                                placeholder="رمز عبور جدید"
                            >

                            @error('new_password')
                            <span class="text-danger">
                                {{ $message }}
                            </span>
                            @enderror
                        </div>


                        <div class="form-group">
                            <label>تکرار رمز عبور جدید</label>

                            <input
                                type="password"
                                name="new_password_confirmation"
                                class="form-control"
                                placeholder="تکرار رمز عبور جدید"
                            >
                        </div>


                        <button type="submit" class="theme-btn mt-4">
                            آپدیت مشخصات پروفایل
                            <i class="far fa-user"></i>
                        </button>

                    </form>

                </div>
            </div>

        </div>

    </div>

@endsection