@extends('layouts.userLayouts')

@section('main')
    <div class="profile-page col-xl-9 col-lg-8 col-md-12 order-2">
        <div class="row">
            <div class="col-12">
                <div class="col-12">
                    <h1 class="title-tab-content">ویرایش اطلاعات شخصی</h1>
                </div>
                <div class="content-section default">
                    <div class="row">
                        <div class="col-12">
                            <h1 class="title-tab-content">حساب شخصی</h1>
                        </div>
                    </div>
                    <form class="form-account" id="profileInfo" onsubmit="return false">
                        <div class="row">
                            <div class="col-sm-12 col-md-6">
                                <div class="form-account-title">نام</div>
                                <div class="form-account-row">
                                    <input class="input-field text-right" type="text" name="fname" value="{{$user->fname}}" placeholder="نام خود را وارد نمایید" autocomplete="off">
                                </div>
                            </div>
                            <div class="col-sm-12 col-md-6">
                                <div class="form-account-title">نام خانوادگی</div>
                                <div class="form-account-row">
                                    <input class="input-field text-right" type="text" name="lname" value="{{$user->lname}}" placeholder="نام خانوادگی خود را وارد نمایید" autocomplete="off">
                                </div>
                            </div>
                            <div class="col-sm-12 col-md-6">
                                <div class="form-account-title">کد ملی</div>
                                <div class="form-account-row">
                                    <input class="input-field" type="text" name="nationalcode" value="{{$user->nationalcode}}" placeholder="کد ملی خود را وارد نمایید" autocomplete="off">
                                </div>
                            </div>
                            <div class="col-sm-12 col-md-6">
                                <div class="form-account-title">شماره موبایل</div>
                                <div class="form-account-row">
                                    <input class="input-field" type="text" name="mobile" value="{{$user->mobile}}" placeholder="شماره موبایل خود را وارد نمایید" autocomplete="off">
                                </div>
                            </div>
                            <div class="col-sm-12 col-md-6">
                                <div class="form-account-title">شماره کارت</div>
                                <div class="form-account-row">
                                    <input class="input-field" type="text" name="banknumber" value="{{$user->banknumber}}"  placeholder=" شماره کارت خود را وارد نمایید" autocomplete="off">
                                </div>
                            </div>
                            <div class="col-sm-12 col-md-6">
                                <div class="form-account-title">آدرس ایمیل</div>
                                <div class="form-account-row">
                                    <input class="input-field" type="email" name="email" value="{{$user->email}}" placeholder=" آدرس ایمیل خود را وارد نمایید" autocomplete="off">
                                </div>
                            </div>
                        </div>
                        <div class="col-12 no-padding">
                            <div class="form-account-agree">
                                <label class="checkbox-form checkbox-primary">
                                    <input type="checkbox" id="agree-newspaper"  name="share" @if($user->share == 1) checked @endif>
                                    <span class="checkbox-check"></span>
                                </label>
                                <label for="agree-newspaper">
                                    اشتراک در خبرنامه {{(get_option('site_title') != null ? get_option('site_title') : 'دیجی لارا')}}
                                </label>
                            </div>
                        </div>
                        <div class="col-12 text-center">
                            <button class="btn btn-default btn-lg" onclick="submitFormProfile();">ذخیره</button>
                            <button class="btn btn-default btn-lg">انصراف</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    @include('layouts.loading')

@endsection

@section('footer')
    @parent
    <script>
        submitFormProfile = function () {
            $("#loading").show();
            var Form = $('#profileInfo').serialize();
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                }
            });
            $.ajax({
               url: '{{url('/profile/additional-info')}}',
               type: 'POST',
               data: Form,
                success : function (response) {
                    $("#loading").hide();
                    toastr.success(response.message);
                    setTimeout(function () {
                        window.location.replace('{{url('/profile')}}');
                    }, 2000);
                },
                error : function (xhr,statusCode) {
                    $("#loading").hide();
                    toastr.options = {
                        "positionClass": "toast-bottom-left",
                    }
                    if (xhr.status === 422) {
                        jQuery.each(xhr.responseJSON.errors, function (key, value) {
                            toastr.error(value);
                        });
                    }
                    if (xhr.status !== 422) {
                        toastr.warning('خطایی در سامانه رخ داد!');
                    }
                }
            });
        }
    </script>
@stop