@extends("layout.app")
@section("content")
    <section class="bg--secondary space--sm">
        <div class="container">
            <div class="row">
                @include("customers.aside")
                <div class="col-lg-8">
                    @include("customers.messages")
                    <div class="success-verify" id="success" style="color: green;font-size: 15px">
                    </div>
                    <div class="boxed boxed--lg boxed--border">
                        <div id="account-profile" class="account-tab">
                            <h4>معلوماتي الشخصية</h4>
                            <form action="{{route("customers.account.post")}}" method="post" class="form-group">
                                <div class="row">
                                    {{csrf_field()}}
                                    <div class="col-md-6">
                                        <label>الاسم الاول:</label>
                                        <input type="text" name="first_name" value="{{$account->first_name}}">
                                    </div>
                                    <div class="col-md-6">
                                        <label>الاسم الاخير:</label>
                                        <input type="text" name="last_name" value="{{$account->last_name}}">
                                    </div>
                                </div>

                                @include('customers.partial.html.verify_editable_mobile')
                                <div class="row">
                                    <div class="col-md-12">
                                        <label>الهاتف الارضي</label>
                                        <input type="text" name="phone" value="{{$account->phone}}">
                                    </div>
                                    <div class="col-md-12">
                                        <label>البريد الالكتروني</label>
                                        <input type="email" id="email" name="email" value="{{$account->email}}">
                                    </div>

                                    <div class="col-md-12">
                                        <div class="input-checkbox">
                                            <input id="checkbox" @if($account->is_sms) checked @endif value="1"
                                                   type="checkbox" name="is_sms"/>
                                            <label for="checkbox"></label>
                                        </div>
                                        <span>استقبال الرسائل النصية</span>
                                    </div>

                                    <div class="col-lg-3 col-md-4">
                                        <button type="submit" class="btn btn--primary type--uppercase">حفظ</button>
                                    </div>
                                </div>


                            </form>
                            <div class="row mt--1">
                                <hr>
                                <div class="col-lg-3 col-md-4">
                                    <form
                                        onsubmit="return confirm('جميع طلباتك سيتم حذفها، هل انت متأكد من حذف الحساب الخاص بك ؟');"
                                        action="{{route("customers.close-account.post")}}" method="post">
                                        {{csrf_field()}}
                                        <button type="submit" class="btn btn-danger type--uppercase">حذف الحساب</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--end of row-->
        </div>
        <!--end of container-->
    </section>
@endsection

@section('scripts')
    @include('customers.partial.js.mobile_verification_partial')
    <script>
        function mobileVerified() {
            location.reload();
        }
    </script>
@endsection