@extends('admin.layout.master')
@section('content')

    <!-- BEGIN: Content-->
    <div class="app-content content">
        <div class="content-overlay"></div>
        <div class="header-navbar-shadow"></div>
        <div class="content-wrapper">
            <div class="content-header row">
                <div class="content-header-left col-md-9 col-12 mb-2">
                    <div class="row breadcrumbs-top">
                        <div class="col-12">
                            <h2 class="content-header-title float-left mb-0">@lang('admin.accountSetting')</h2>
                            <div class="breadcrumb-wrapper col-12">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="#">@lang('admin.home')</a>
                                    </li>

                                    <li class="breadcrumb-item active"> @lang('admin.accountSetting')
                                    </li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="content-header-right text-md-right col-md-3 col-12 d-md-block d-none">
                    <div class="form-group breadcrum-right">
                        <div class="dropdown">
{{--                            <button class="btn-icon btn btn-primary btn-round btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="feather icon-settings"></i></button>--}}
{{--                            <div class="dropdown-menu dropdown-menu-right"><a class="dropdown-item" href="#">Chat</a><a class="dropdown-item" href="#">Email</a><a class="dropdown-item" href="#">Calendar</a></div>--}}
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-body">
                <!-- account setting page start -->
                <section id="page-account-settings">
                    <div class="row">
                        <!-- left menu section -->
                        <div class="col-md-3 mb-2 mb-md-0">
                            <ul class="nav nav-pills flex-column mt-md-0 mt-1">
                                <li class="nav-item">
                                    <a class="nav-link d-flex py-75 active" id="account-pill-general" data-toggle="pill" href="#account-vertical-general" aria-expanded="true">
                                        <i class="feather icon-globe mr-50 font-medium-3"></i>
                                        @lang('admin.general')
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link d-flex py-75" id="account-pill-password" data-toggle="pill" href="#account-vertical-password" aria-expanded="false">
                                        <i class="feather icon-lock mr-50 font-medium-3"></i>
                                        @lang('admin.changePassword')
                                    </a>
                                </li>

{{--                                <li class="nav-item">--}}
{{--                                    <a class="nav-link d-flex py-75" id="account-pill-social" data-toggle="pill" href="#account-vertical-social" aria-expanded="false">--}}
{{--                                        <i class="feather icon-camera mr-50 font-medium-3"></i>--}}
{{--                                        @lang('admin.social')--}}

{{--                                    </a>--}}
{{--                                </li>--}}

                            </ul>
                        </div>
                        <!-- right content section -->
                        <div class="col-md-9">
                            <div class="card">
                                <div class="card-content">
                                    <div class="card-body">
                                        <div class="tab-content">
                                            <div role="tabpanel" class="tab-pane active" id="account-vertical-general" aria-labelledby="account-pill-general" aria-expanded="true">
                                                <div class="media">
                                                    <a href="javascript: void(0);">
                                                        <img src="{{asset(\Illuminate\Support\Facades\Storage::url('images/settings/'.setting('image')))}}" class="rounded mr-75" alt="profile image" height="64" width="64">
                                                    </a>
                                                    <div class="media-body mt-75">
                                                        <div class="col-12 px-0 d-flex flex-sm-row flex-column justify-content-start">
                                                            <label class="btn btn-sm btn-primary ml-50 mb-50 mb-sm-0 cursor-pointer" for="account-upload">@lang('admin.upload')</label>
                                                            <input type="file" id="account-upload" name="image" form="addform" hidden >
                                                        </div>

                                                    </div>
                                                </div>
                                                <hr>
                                                <form method="post" style="padding: 30px" id="addform" data-parsley-validate="">
                                                    {{csrf_field()}}
                                                    {{method_field('post')}}
                                                    @include('admin.layout.message')
                                                    <div class="row">
                                                        <div class="col-12">
                                                            <div class="form-group">
                                                                <div class="controls">
                                                                    <label for="account-username">@lang('admin.site_name')</label>
                                                                    <input type="text" class="form-control" id="account-username" name="site_name" placeholder="site_name" value="{{setting('site_name')}}" required >
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="col-12">
                                                            <div class="form-group">
                                                                <div class="controls">
                                                                    <label for="account-e-mail">@lang('admin.email')</label>
                                                                    <input type="email" class="form-control" id="account-e-mail" name="email" placeholder="Email"  value="{{setting('email')}}" required data-validation-required-message="This email field is required">
                                                                </div>
                                                            </div>
                                                        </div>



                                                        <div class="col-12">
                                                            <div class="form-group">
                                                                <div class="controls">
                                                                    <label for="account-phone">رقم الترخيص</label>
                                                                    <input type="number" class="form-control" id="account-phone" name="serial" required placeholder="رقم الترخيص" value="{{setting('serial')}}" data-validation-required-message="">
                                                                </div>
                                                            </div>
                                                        </div>



                                                        <div class="col-12">
                                                            <div class="form-group">
                                                                <div class="controls">
                                                                    <label for="account-phone">@lang('admin.phone')</label>
                                                                    <input type="text" class="form-control" id="account-phone" name="phone" required placeholder="Phone number" value="{{setting('phone')}}" data-validation-required-message="This phone number field is required">
                                                                </div>
                                                            </div>
                                                        </div>







                                                            <div class="col-12">
                                                                <div class="form-group">
                                                                    <label for="account-twitter">{{googleTranslation('Twitter' , app()->getLocale())}}</label>
                                                                    <input type="text" id="account-twitter" name="Twitter"  value="{{setting('Twitter')}}" class="form-control" placeholder="Add link" >
                                                                </div>
                                                            </div>

                                                            <div class="col-12">
                                                                <div class="form-group">
                                                                    <label for="account-facebook">{{googleTranslation('facebook' , app()->getLocale())}}</label>
                                                                    <input type="text" id="account-facebook" class="form-control" name="Facebook"  value="{{setting('Facebook')}}"  placeholder="Add link">
                                                                </div>
                                                            </div>

                                                            <div class="col-12">
                                                                <div class="form-group">
                                                                    <label for="account-instagram">{{googleTranslation('instgrame' , app()->getLocale())}}</label>
                                                                    <input type="text" id="account-instagram" class="form-control" name="Instagram"  value="{{setting('Instagram')}}" placeholder="Add link">
                                                                </div>
                                                            </div>

                                                            <div class="col-12">
                                                                <div class="form-group">
                                                                    <label for="account-instagram">{{googleTranslation('linkedin' , app()->getLocale())}}</label>
                                                                    <input type="text" id="account-instagram" class="form-control" name="linkedin"  value="{{setting('linkedin')}}" placeholder="Add link">
                                                                </div>
                                                            </div>


                                                            <div class="col-12">
                                                                <div class="form-group">
                                                                    <label for="account-instagram">{{googleTranslation('snapchat' , app()->getLocale())}}</label>
                                                                    <input type="text" id="account-instagram" class="form-control" name="snapchat"  value="{{setting('snapchat')}}" placeholder="Add link">
                                                                </div>
                                                            </div>



                                                        <div class="row">
                                                            <br>


                                                            <div class="col-md-12">
                                                                <h4 style="text-align: center">مع  نحن</h4>
                                                            </div>
                                                            @foreach(config('translatable.locales') as $local)

{{--                                                                <div class="col-md-6">--}}
{{--                                                                    <label for="">العنوان  {{$local}}</label>--}}
{{--                                                                    <input type="text" class="form-control" id="" name="{{$local}}[partiner_title]" required=""--}}
{{--                                                                           value="{{setting($local.'.partiner_title')}}" placeholder=" @lang('admin.name')">--}}
{{--                                                                </div>--}}



                                                                <div class="col-md-6">
                                                                    <div class="form-group">
                                                                        <label for="">الوصف {{$local}}</label>
                                                                        <textarea type="text" class="form-control ckeditor" name="{{$local}}[partiner_content]"   placeholder="@lang('admin.'.$local.'.content')">{{setting($local.'.partiner_content')}}</textarea>
                                                                    </div>
                                                                </div>



                                                            @endforeach

{{--                                                            <div class="col-md-6">--}}
{{--                                                                <label for="">صوره مع من نتعامل</label>--}}
{{--                                                                <input type="file" name="image_slider" class="image">--}}
{{--                                                                <img src="{{asset(\Illuminate\Support\Facades\Storage::url('images/settings/'.setting('image_slider')))}}" class="image-preview" width="100px">--}}
{{--                                                            </div>--}}

                                                        </div>

                                                        <div class="row">
                                                            <br>


                                                            <div class="col-md-12">
                                                                <h4 style="text-align: center"> شريط الاخباري</h4>
                                                            </div>
                                                            @foreach(config('translatable.locales') as $local)

{{--                                                                <div class="col-md-6">--}}
{{--                                                                    <label for="">العنوان  {{$local}}</label>--}}
{{--                                                                    <input type="text" class="form-control" id="" name="{{$local}}[partiner_title]" required=""--}}
{{--                                                                           value="{{setting($local.'.partiner_title')}}" placeholder=" @lang('admin.name')">--}}
{{--                                                                </div>--}}



                                                                <div class="col-md-6">
                                                                    <div class="form-group">
                                                                        <label for="">الشريط الاخباري {{$local}}</label>
                                                                        <textarea type="text" class="form-control" name="{{$local}}[news]"   placeholder="@lang('admin.'.$local.'.news')">{{setting($local.'.news')}}</textarea>
                                                                    </div>
                                                                </div>



                                                            @endforeach

{{--                                                            <div class="col-md-6">--}}
{{--                                                                <label for="">صوره مع من نتعامل</label>--}}
{{--                                                                <input type="file" name="image_slider" class="image">--}}
{{--                                                                <img src="{{asset(\Illuminate\Support\Facades\Storage::url('images/settings/'.setting('image_slider')))}}" class="image-preview" width="100px">--}}
{{--                                                            </div>--}}

                                                        </div>




                                                        <div class="col-12 d-flex flex-sm-row flex-column justify-content-end">
                                                            <button type="submit" class="btn btn-primary mr-sm-1 mb-1 mb-sm-0">@lang('admin.save')
                                                            </button>
                                                        </div>


                                                    </div>
                                                </form>
                                            </div>
                                            <div class="tab-pane fade" id="account-vertical-password" role="tabpanel" aria-labelledby="account-pill-password" aria-expanded="false">
                                                <form method="post" style="padding: 30px" id="addform" data-parsley-validate="">
                                                    {{csrf_field()}}
                                                    {{method_field('post')}}
                                                    <div class="row">

                                                        <div class="col-12">
                                                            <div class="form-group">
                                                                <div class="controls">
                                                                    <label for="account-new-password">@lang('admin.password')</label>
                                                                    <input type="password" name="password" id="account-new-password" class="form-control" placeholder="@lang('admin.password')" required >
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-12">
                                                            <div class="form-group">
                                                                <div class="controls">
                                                                    <label for="account-retype-new-password">@lang('admin.password_confirmation')</label>
                                                                    <input type="password" name="password_confirmation" class="form-control" required id="account-retype-new-password" data-validation-match-match="password" placeholder="@lang('admin.password_confirmation')" >
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-12 d-flex flex-sm-row flex-column justify-content-end">
                                                            <button type="submit" class="btn btn-primary mr-sm-1 mb-1 mb-sm-0">@lang('admin.save')
                                                            </button>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <!-- account setting page end -->

            </div>
        </div>
    </div>
    <!-- END: Content-->
    @endsection
@push('js')
    <script>
        // samer
        $(function () {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

            $('body').on('submit','#addform',function (e) {
                e.preventDefault();
                // alert('asdasd');
                $.ajax({
                    url: '{{ route('settings.store') }}',
                    method: "post",
                    data: new FormData(this),
                    dataType: 'json',

                    cache       : false,
                    contentType : false,
                    processData : false,

                    success: function (response) {
                        if(response.status == 'success'){
                            toastr.success("@lang('admin.successfuly_added')");

                            // $("#addform")[0].reset();
                        }
                        if(response.status == 'failed'){
                            toastr.warning("تاكد من تطابق كلمه المرور");

                            // $("#addform")[0].reset();
                        }


                        // window.location.reload();
                    },

                });
            });





            });
    </script>
    @endpush