@extends("v1/02_dash-template/layouts/layout-customer")

@section('tab-title')| ویرایش اطلاعات کاربری @endsection

@section("page-title") ویرایش اطلاعات کاربری @endsection

@section("page-body")
    <div class="row justify-content-center">
        <div class="col-12 col-md-6">
            <div class="box">
                <div class="box-body">
                    <form action="./edit-user-info" method="POST">
                        @csrf
                        <div class="col-12">
                            <p class="box-title text-info"><i class="ti-comment-alt"></i> اطلاعات کاربری شما در سیستم به شرح زیر می‌باشد</p>
                            <hr class="my-15 bg-info">
                            <div class="form-group row">
                                <label for="full-name" class="col-sm-3 col-form-label">نام کامل</label>
                                <div class="col-sm-9">
                                    <input class="form-control" type="text" value="{{$user->firstname." ".$user->lastname}}" id="full-name" disabled>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="idnum" class="col-sm-3 col-form-label">کد ملی</label>
                                <div class="col-sm-9">
                                    <input class="form-control" type="text" value="{{convertNumbers($user->idnum)}}" id="idnum" disabled>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="pnum" class="col-sm-3 col-form-label">تلفن همراه</label>
                                <div class="col-sm-9">
                                    <input class="form-control" type="text" value="{{convertNumbers($user->mobile)}}" id="pnum" disabled>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="email" class="col-sm-3 col-form-label">آدرس ایمیل</label>
                                <div class="col-sm-9">
                                    <input class="form-control ltr" type="text" value="{{$user->email}}" id="email" name="email" disabled>
                                </div>
                            </div>
                            <p class="box-title text-warning"><i class="ti-comment-alt"></i> در صورت تمایل به تغییر رمز عبور، فرم زیر را تکمیل کنید</p>
                            <hr class="my-15 bg-warning">
                            <div class="form-group row">
                                <label for="cpass" class="col-sm-3 col-form-label">رمز عبور فعلی</label>
                                <div class="col-sm-9">
                                    <input class="form-control ltr" type="password" id="cpass" name="old_password" required>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="npass" class="col-sm-3 col-form-label">رمز عبور جدید</label>
                                <div class="col-sm-9">
                                    <input class="form-control ltr" type="password" id="npass" name="password" required>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="rpass" class="col-sm-3 col-form-label">تکرار رمز جدید</label>
                                <div class="col-sm-9">
                                    <input class="form-control ltr" type="password" id="rpass" name="password_confirmation">
                                </div>
                            </div>
                            <button class="btn btn-primary btn-block" type="submit" name="action" value="edit_password">ذخیره اطلاعات</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection