@extends('client.layouts.app')
@section('title','الاعدادات الإضافية')
@section('content')
<div class="app-content content ">
    <div class="content-overlay"></div>
    <div class="header-navbar-shadow"></div>
    <div class="content-wrapper container-xxl p-0">
        <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-start mb-0">
                    الإعدادات الإضافية
                 </h2>
                  <div class="breadcrumb-wrapper">
                    <ol class="breadcrumb">
                      <li class="breadcrumb-item"><a href="{{route('client.home')}}">لوحة التحكم </a>
                      </li>
                      <li class="breadcrumb-item active" >  
                        الإعدادت             
                      </li>
                      <li class="breadcrumb-item active" > 
                        الإعدادات الإضافية
                      </li>
                    </ol>
                  </div>
                </div>
              </div>
            </div>
            <div class="content-header-right text-md-end col-md-3 col-12 d-md-block d-none">

            </div>
        </div>
      <div class="content-body">
        <section class="app-user-view-account">
<div class="row">
  <!-- User Sidebar -->

  <!-- User Content -->
  <div class="col-xl-12 col-lg-12 col-md-12 order-0 order-md-12">
    <!-- User Pills -->
@include('client.settings.sidebar')
    <!--/ User Pills -->

    <!-- Project table -->
    <div class="card">
        <div class="card-header">
            <h4 class="card-title">بيانات الشركة</h4>
        </div>

    <div class="card-body">
        <form id="form" method="POST">
            @csrf
            <input type="hidden" name="company_id" value="{{$company->id}}"/>
            <div class="row">
            <div class="col-md-6 col-12">
                <div class="form-group">
                    <label for="brand_name">الدولة</label>
                    <select required name="timezone" class="form-control search">
                        <option value="">اختر بلدك</option>
                        @foreach($timezones as $timezone)
                            <option
                                @if($extra->timezone == $timezone->timezone) selected @endif
                            value="{{$timezone->timezone}}">{{$timezone->country_name}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="col-md-6 col-12">
                <div class="form-group">
                    <label for="person_name">العملة المرادفة لبلدك</label>
                    <select required name="currency" class="form-control search">
                        <option value="">اختر العملة</option>
                        @foreach($currencies as $currency)
                            <option
                                @if($extra->currency == $currency->currency) selected @endif
                            value="{{$currency->currency}}">{{$currency->currency}}</option>
                        @endforeach
                    </select>
                </div>
            </div>


            <div class="col-12" align="center">
                <br>
                  <button type="submit" class="btn btn-success me-1">تعديل</button>
                  <button type="button" class="btn btn-outline-danger" onclick="window.history.back()">رجوع</button>
                </div>
            </div>
        </form>
        </div>
    </div>
  </div>
  <!--/ User Content -->
</div>
</section>
      </div>
  </div>
  <!-- END: Content-->
@endsection
@section('script')
<script src="{{ asset('app-assets/js/select2.min.js') }}"></script>
<script src="{{asset('app-assets/js/pages/sales.js')}}"></script>
<script>
    
        $('.search').select2();
        var selectForm = $('#form');

if (selectForm) {
    selectForm.validate({

        rules: {
      'timezone': {
        required: true,
      },
      'currency': {
        required: true
      }

    
    
    }
  });
}

$("#form").on('submit',(function(e) {

e.preventDefault();

$.ajax({

  url: "{{route('client.extra.settings.update')}}",

  type: "POST",

  data:  new FormData(this),

  dataType:  'json',

  contentType: false,

  cache: false,

  processData:false,
  
  beforeSend : function (){var ifConnected = window.navigator.onLine;if (!ifConnected) {toastr.info("يتم الآن إعادة الإتصال","لا يوجد إتصال بالإنترنت",{positionClass: "toast-top-right",tapToDismiss: !1,timeOut: 2e3,rtl: $("html").attr("data-textdirection")});}},

  success: function(response) {

    if(response.status){

            toastr.success("",response.message,{
			positionClass: "toast-top-right",
			tapToDismiss: !1,
			timeOut: 2e3,
			rtl: $("html").attr("data-textdirection")
		    });      
            document.getElementById("addForm").reset();

    }else{
        toastr.warning("",response.message,{
			positionClass: "toast-top-right",
			tapToDismiss: !1,
			timeOut: 2e3,
			rtl: $("html").attr("data-textdirection")
		    });   
    } 

  },
  error: function(response){
          $.each(response.responseJSON.errors, function (key, item) 
          {
            toastr.error("",item,{
			positionClass: "toast-top-right",
			tapToDismiss: !1,
			timeOut: 2e3,
			rtl: $("html").attr("data-textdirection")
		    });

          });
  },

 });

}));

    </script>

    @endsection