@extends('web.layouts.app')
@section('title','حسابي')
@section('content')
    <!-- start form for login -->
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="account_head">
                    <ul>
                        <li class="l1 li_active1">
                            <a href="{{route('my_account')}}">
                                حسابي
                            </a>
                        </li>
                        <li class="l2 l1 ">
                            <a href="{{route('my_wallet')}}">
                                مشتراتي
                            </a>
                        </li>
                        <li class="l1 ">
                            <a href="{{route('my_favorites')}}">
                                مفضلاتي
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-12">
                <div class="account_schead">
                    <div class="log_form">
                        <div class="form_head">
                            <button id="div_information" class="div_log" data-toggle="collapse" data-target="#info">
                                بياناتي الشخصيه
                            </button>
                            <button id="div_safe" class="div_reg" data-toggle="collapse" data-target="#safe"> الحماية
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-12">
                <div class="information_user">
                    <div style="display: block" id="info" class="collapse">
                        <div class="fform">
                            <div class="row">
                                <form style="display: contents" method="post" action="{{route('update_profile')}}"
                                      enctype="multipart/form-data">
                                    {{csrf_field()}}
                                    <div class="col-md-6">
                                        <div class="margin_form">
                                            <p>الاسم الاول</p>
                                            <input type="text" name="first_name" value="{{Auth::user()->first_name}}" placeholder="الاسم الاول">
                                            @if ($errors->has('first_name'))
                                                <small class="text-danger">{{ $errors->first('first_name') }}</small>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="margin_form">
                                            <p> اسم العائلة</p>
                                            <input type="text" value="{{Auth::user()->last_name}}" name="last_name" placeholder=" اسم العائلة">
                                            @if ($errors->has('last_name'))
                                                <small class="text-danger">{{ $errors->first('last_name') }}</small>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="margin_form">
                                            <p> رقم الهاتف </p>
                                            <input type="tel" name="mobile" value="{{Auth::user()->mobile}}" placeholder=" رقم الهاتف ">
                                            @if ($errors->has('mobile'))
                                                <small class="text-danger">{{ $errors->first('mobile') }}</small>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="margin_form">
                                            <p> البريد الالكتروني</p>
                                            <input type="tel" name="email" value="{{Auth::user()->email}}" placeholder=" اابريد الالكتروني  ">
                                            @if ($errors->has('email'))
                                                <small class="text-danger">{{ $errors->first('email') }}</small>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="margin_form">
                                            <a class="login_but">
                                                <button class="but_Hov"> حفظ</button>
                                            </a>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>


                    <div id="safe" class="collapse">
                        <div class="fform">
                            <div class="row">
                                <form style="display: contents" method="post" action="{{route('update_password')}}"
                                      enctype="multipart/form-data">
                                    {{csrf_field()}}
                                    <div class="col-md-6">
                                        <div class="margin_form">
                                            <p> كلمة مرور جديدة </p>
                                            <input type="password" name="password" placeholder="كلمة المرور ">
                                            @if ($errors->has('password'))
                                                <small class="text-danger">{{ $errors->first('password') }}</small>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="margin_form">
                                            <p> تاكيد كلمة المرور الجديدة </p>
                                            <input type="password" name="password_confirmation"
                                                   placeholder=" تاكيد كلمة المرور ">
                                            @if ($errors->has('password_confirmation'))
                                                <small
                                                    class="text-danger">{{ $errors->first('password_confirmation') }}</small>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="margin_form">
                                            <a class="login_but">
                                                <button class="but_Hov"> حفظ</button>
                                            </a>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection