@extends('admin.layouts.master-soyuz')
@section('title','General Settings | ')
@section('body')

@component('admin.component.breadcumb',['thirdactive' => 'active'])

@slot('heading')
{{ __('Home') }}
@endslot

@slot('menu1')
{{ __("Front Settings") }}
@endslot

@slot('menu2')
{{ __("General Settings") }}
@endslot

@endcomponent

<div class="contentbar">
  <div class="row">
    @if ($errors->any())
    <div class="alert alert-danger" role="alert">
      @foreach($errors->all() as $error)
      <p>{{ $error}}<button type="button" class="close" data-dismiss="alert" aria-label="Close">
          <span aria-hidden="true" style="color:red;">&times;</span></button></p>
      @endforeach
    </div>
    @endif
    <div class="col-lg-12">
      <div class="card m-b-30">
        <div class="card-header">
          <a href="{{ url()->previous() }}" class="float-right btn btn-md btn-primary-rgba"><i class="feather icon-arrow-left"></i> Back</a>
          <h4 class="card-title">General Settings</h4>
          
        </div>
        <div class="card-body ml-2">
          <!-- <form id="demo-form2" method="post" enctype="multipart/form-data" action="{{url('admin/genral/')}}"
      data-parsley-validate> -->
      <form id="demo-form2" method="post" enctype="multipart/form-data" action="{{url('admin/genral/')}}">
      @csrf
      <div class="row">
        <div class="col-md-6">
          <div class="form-group">
            <label>
              Project Name: <span class="required">*</span>
            </label>

            <input placeholder="Please enter Project name" type="text" id="a1" name="APP_NAME"
              value="{{ env('APP_NAME') }}" class="form-control currency-icon-picker ">
            <small class="text-muted"><i class="fa fa-question-circle"></i> Project name is basically your Project
              Title.</small>
          </div>
        </div>

        <div class="col-md-6">

          <div class="form-group">
            <label>Default Email:</label>
            <input placeholder="Please Enter Email (info@example.com)" type="text" id="first-name" name="email"
              value="{{$row->email ?? ''}}" class="form-control">
            <small class="text-muted"><i class="fa fa-question-circle"></i> Default email will be used by your customer
              for contacting you.</small>
          </div>

        </div>

        <div class="col-md-6">

          <div class="form-group">
            <label>APP URL:</label>
            <input placeholder="http://" type="text" id="first-name" name="APP_URL" value="{{ env("APP_URL") }}"
              class="form-control">
            <small class="text-muted"><i class="fa fa-warning"></i> Try changing domain will cause serious
              error.</small>
          </div>

        </div>

        <div class="col-md-6">

          <div class="form-group">
            <label>Mobile:</label>

            <input placeholder="Please enter mobile no." type="text" id="first-name" name="mobile"
              value="{{$row->mobile ?? ''}}" class="form-control">

            <small class="text-muted"><i class="fa fa-question-circle"></i> Please enter valid mobile no (it will also
              show in your site footer).</small>
          </div>

        </div>

        <div class="col-md-6">
          <div class="form-group">
            <label>Copyright Text:</label>

            <input placeholder="Please enter copyright text" type="text" id="first-name" name="copyright"
              value="{{$row->copyright ?? ''}}" class="form-control">

            <small class="text-muted"><i class="fa fa-question-circle"></i> Copyright text will be shown in your site
              footer don't put YEAR on text.</small>
          </div>
        </div>

        <div class="col-md-6">
          <div class="form-group">
            <label >
              Default Currency:
            </label>

            <div class="input-group mb-3">
              <div class="input-group-prepend">
                <span class="input-group-text" id="basic-addon1">
                  <i class="fa {{ $defCurrency->currency_symbol }}"></i>
                </span>
              </div>
              <input value="{{ $defCurrency->currency->code }}" readonly name="currency_code" type="text" class="form-control" aria-label="Username" aria-describedby="basic-addon1">
            </div>

            <small class="text-muted"><i class="fa fa-question-circle"></i> Default currency can be customized in
              Multiple Currency setting.</small>
          </div>
        </div>





        <div class="col-md-6">

          <div class="row">
            <div class="col-md-9">
              <label>Logo:</label>
              <div class="input-group mb-3">

                <div class="input-group-prepend">
                  <span class="input-group-text" id="inputGroupFileAddon01">Upload</span>
                </div>


                <div class="custom-file">

                  <input type="file" name="logo" class="inputfile inputfile-1" id="chooselogo"
                    aria-describedby="inputGroupFileAddon01">
                  <label class="custom-file-label" for="chooselogo">{{ __("Choose logo") }}</label>
                </div>
              </div>
              <small class="text-muted"><i class="fa fa-question-circle"></i> Please choose a site logo (supported
                format: <b>PNG, JPG, JPEG, GIF</b>).</small>
            </div>

            <div class="col-custom col-md-3">
              @if(!empty($row->logo))
              <div class="bg-primary-rgba p-3">

                   @if(file_exists(public_path().'/images/genral/'.$row->logo))

                    <img title="Current Logo" src=" {{url('images/genral/'.$row->logo)}}" class="img-fluid">
                  @else
                    <img title="Current Logo" src=" {{url($row->logo)}}" class="img-fluid">

                  @endif
             

              </div>
              @endif
            </div>
          </div>


        </div>

        <div class="col-md-6">

          <div class="row">
            <div class="col-md-8">
              <div class="form-group">
                <label>Favicon:</label>
                <div class="input-group mb-3">

                  <div class="input-group-prepend">
                    <span class="input-group-text" id="inputGroupFileAddon01">Upload</span>
                  </div>
  
  
                  <div class="custom-file">
  
                    <input type="file" name="fevicon" class="inputfile inputfile-1" id="choosefevicon"
                      aria-describedby="inputGroupFileAddon01">
                     
                    <label class="custom-file-label" for="choosefevicon">Choose fevicon</label>
                  </div>
                </div>
                <small class="text-muted"><i class="fa fa-question-circle"></i> Please choose a site favicon (supported
                  format: <b>PNG, JPG, JPEG</b>).</small>
              </div>
            </div>

            <div class="col-custom col-md-4">
               @if(!empty($row->fevicon))
              <div class="bg-primary-rgba p-3">

                   @if(file_exists(public_path().'/images/genral/'.$row->fevicon))

                    <center><img title="Current Favicon"
                    src=" {{url('images/genral/'.$row->fevicon)}}" class="pro-img"></center>
                  @else
                     <center><img title="Current Favicon"
                    src=" {{url($row->fevicon)}}" class="pro-img"></center>

                  @endif
             

              </div>
              @endif
             
            </div>
          </div>

        </div>

        <div class="col-md-6">

          <div class="form-group">
            <label>Address:</label>

            <textarea rows="3" cols="10" value="{{old('address' ?? '')}}" name="address"
              class="form-control">{{$row->address ?? ''}}</textarea>
            <small class="text-muted"><i class="fa fa-question-circle"></i> Please enter address (it will also show in
              your site footer).</small>
          </div>

        </div>

        <div class="col-md-6">
          <div class="form-group">
            <label class="control-label" for="first-name">
              Cart Amount: <span class="required">*</span>
            </label>

            <input type="text" name="cart_amount" value="{{$row->cart_amount ?? ''}}" onkeyup="sync()"
              class="form-control">
            <small class="text-muted"><i class="fa fa-question-circle"></i> Enter cart amount eg. 500 so if user cart
              amount is greater or equal to this amount than shipping will be free (Put <b>0</b> for disable
              it).</small>
          </div>
        </div>

        <div class="col-md-12">
          <div class="row">
            <div class="col-md-6">
              <label for="handlingcharge">Handling Charges:</label>
              

              <div class="input-group mb-3">
                <div class="input-group-prepend">
                  <span class="input-group-text" id="basic-addon1">
                    <i class="fa {{ $defCurrency->currency_symbol }}"></i>
                  </span>
                </div>
                <input step="0.1" placeholder="0.00" type="number" value="{{ $row->handlingcharge }}" name="handlingcharge" class="form-control" aria-describedby="basic-addon1">
              </div>

            </div>

            <div class="col-md-6">
              <label for="chargeterm">Charging term: </label>
              <select class="select2 form-control" name="chargeterm" id="">
                <option {{ $row->chargeterm == 'pi' ? "selected" : "" }} value="pi">Per Item</option>
                <option {{ $row->chargeterm == 'fo' ? "selected" : "" }} value="fo">on full order</option>
              </select>
            </div>
          </div>
        </div>

        <div class="col-md-6">

          <div class="row">
            <br>
            <div class="col-md-10">
              <div class="form-group">
                <label>Preloader:</label>
                <div class="input-group mb-3">

                  <div class="input-group-prepend">
                    <span class="input-group-text">Upload</span>
                  </div>
  
  
                  <div class="custom-file">
  
                    <input type="file" name="preloader" class="inputfile inputfile-1" id="choosepreloader"
                      aria-describedby="inputGroupFileAddon01">
                    <label class="custom-file-label" for="choosepreloader">
                      {{__("Choose preloader")}}
                    </label>
                  </div>
                </div>
                <small class="text-muted"><i class="fa fa-question-circle"></i> {{__("Change your front end preloader")}}
                  here.</small>
              </div>
            </div>

            <div class="col-custom col-md-3">
              @if(file_exists(public_path().'/images/preloader/preloader.png'))
              <div class="bg-primary-rgba p-3">
                <img title="Current preloader" src=" {{url('images/preloader/preloader.png')}}" class="img-fluid">

                
              </div>
              @endif
            </div>
          </div>
        </div>

        <div class="col-md-6 form-group">
          <br>
          @php $timestamp = time(); @endphp
          <label>Select Timezone: <span class="text-red">*</span> </label>
          <select name="TIMEZONE" id="TIMEZONE" class="form-control select2">



            @foreach (timezone_identifiers_list() as $zone)

            @php
            date_default_timezone_set($zone);
            $zones['offset'] = date('P', $timestamp);
            $zones['diff_from_gtm'] = 'UTC/GMT '.date('P', $timestamp);
            @endphp

            <option {{ env('TIMEZONE') == $zone ? "selected" : "" }} value="{{ $zone }}">
              {{ $zones['diff_from_gtm'].' '.$zone }}</option>

            @endforeach
          </select>

        </div>



      </div>


      <div class="shadow-sm bg-primary-rgba p-3 rounded mt-4">
        <h4><i class="feather icon-zap" aria-hidden="true"></i> Miscellaneous Settings</h4>

        <div class="mt-3 row">



          <div class="col-md-3">
            <div class="form-group">
              <label>Disable Right Click:</label>
              <br>
              <label class="switch">
                <input type="checkbox" name="right_click" {{ $row->right_click=='1' ? "checked" : "" }}>
                <span class="knob"></span>
              </label>
              <br>
              <small class="text-muted"><i class="fa fa-question-circle"></i> If enabled than Right click will not work
                on
                whole project (<b>Recommended</b>).</small>
            </div>
          </div>

          <div class="col-md-3">
            <div class="form-group">
              <label>Disable Inspect Elements:</label>
              <br>
              <label class="switch">
                <input type="checkbox" name="inspect" {{ $row->inspect=='1' ? "checked" : "" }}>
                <span class="knob"></span>
              </label>
              <br>
              <small class="text-muted"><i class="fa fa-question-circle"></i> If enabled than Inspect element like
                <b>CTRL+U OR CTRL+SHIFT+I</b> keys not work on whole project (<b>Recommended</b>).</small>
            </div>
          </div>

          <div class="col-md-3">
            <div class="form-group">
              <label>Login Display Price:</label>
              <br>
              <label class="switch">
                <input type="checkbox" name="login" {{ $row->login=='1' ? "checked" : "" }}>
                <span class="knob"></span>
              </label>
              <br>
              <small class="text-muted"><i class="fa fa-question-circle"></i> If enabled than Prices of products and
                deals
                only visible to Logged In users.</small>
            </div>
          </div>

          <div class="col-md-3">
            <div class="form-group">
              <label>Guest Login:</label>
              <br>
              <label class="switch">
                <input type="checkbox" name="guest_login" {{ $row->guest_login=='1' ? "checked" : "" }}>
                <span class="knob"></span>
              </label>
              <br>
              <small class="text-muted"><i class="fa fa-question-circle"></i> If enabled than Guest checkout will be
                active on your portal.</small>
            </div>
          </div>



        </div>

        <div class="row">
          <div class="col-md-3">
            <div class="form-group">
              <label>APP Debug:</label>
              <br>
              <label class="switch">
                <input type="checkbox" name="APP_DEBUG" @if(env('DEMO_LOCK') !=1)
                  {{ env('APP_DEBUG') == true ? "checked" : "" }} @endif>
                <span class="knob"></span>
              </label>
              <br>
              <small class="text-muted"><i class="fa fa-question-circle"></i> Turn it <b>OFF</b>. ONLY FOR Development
                purpose (<b>Recommanded</b>).</small>
            </div>
          </div>

          <div class="col-md-3">
            <div class="form-group">
              <label>Enable Multiseller system On Portal:</label>
              <br>
              <label class="switch">
                <input type="checkbox" name="vendor_enable" {{ $row->vendor_enable== 1 ? "checked" : "" }}>
                <span class="knob"></span>
              </label>
              <br>
              <small class="text-muted"><i class="fa fa-question-circle"></i> If enabled than Multiseller system will be
                active on your portal.</small>
            </div>
          </div>

          <div class="col-md-3">
            <div class="form-group">
              <label>Enable email verification on user registration:</label>
              <br>
              <label class="switch">
                <input type="checkbox" name="email_verify_enable" {{ $row->email_verify_enable == 1 ? "checked" : "" }}>
                <span class="knob"></span>
              </label>
              <br>
              <small class="text-muted"><i class="fa fa-question-circle"></i> If enabled than email verification when
                user register he/she need to verify his/her email to access the site.</small>
            </div>
          </div>

          <div class="col-md-3">
            <div class="form-group">
              <label>Enable Cash on delivery on checkout page:</label>
              <br>
              <label class="switch">
                <input type="checkbox" name="COD_ENABLE" {{ env('COD_ENABLE') == 1 ? "checked" : "" }}>
                <span class="knob"></span>
              </label>
              <br>
              <small class="text-muted"><i class="fa fa-question-circle"></i> If enabled than cash on delivery will
                enable on payment page.</small>
            </div>
          </div>

          <div class="col-md-3">

            <div class="form-group">
              <label>Enable Preloader:</label>
              <br>
              <label class="switch">
                <input type="checkbox" name="ENABLE_PRELOADER" {{ env('ENABLE_PRELOADER') =='1' ? "checked" : "" }}>
                <span class="knob"></span>
              </label>
              <br>
              <small class="text-muted"><i class="fa fa-question-circle"></i> Enable or disable preloader by toggling
                it.</small>
            </div>
          </div>

          <div class="col-md-3">

            <div class="form-group">
              <label>Hide Sidebar :</label>
              <br>
              <label class="switch">
                <input type="checkbox" name="HIDE_SIDEBAR" {{ env('HIDE_SIDEBAR') =='1' ? "checked" : "" }}>
                <span class="knob"></span>
              </label>
              <br>
              <small class="text-muted"><i class="fa fa-question-circle"></i> By toggling it make the full width front page.
                it.</small>
            </div>
          </div>

          <div class="col-md-3">

            <div class="form-group">
              <label>Enable Price with comma notation :</label>
              <br>
              <label class="switch">
                <input type="checkbox" name="PRICE_DISPLAY_FORMAT" {{ env('PRICE_DISPLAY_FORMAT') == 'comma' || old('PRICE_DISPLAY_FORMAT') ? "checked" : "" }}>
                <span class="knob"></span>
              </label>
              <br>
              <small class="text-muted"><i class="fa fa-question-circle"></i> By toggling it price will display on front end with comma eg : 1000.12 will show <b>1 000,50</b>.</small>
            </div>
          </div>

          <div class="col-md-3">

            <div class="form-group">
              <label>ENABLE Seller Subscription System :</label>
              <br>
              <label class="switch">
                <input type="checkbox" name="ENABLE_SELLER_SUBS_SYSTEM" {{ env('ENABLE_SELLER_SUBS_SYSTEM') == '1' || old('ENABLE_SELLER_SUBS_SYSTEM') ? "checked" : "" }}>
                <span class="knob"></span>
              </label>
              <br>
              <small class="text-muted"><i class="fa fa-question-circle"></i> By toggling it seller subscription system will enable on portal <b>(Requires Extended License)</b>.</small>
            </div>
          </div>

          <div class="{{ !old('purchase_code') ? "display-none" : "" }}  purbox col-md-3">
            <label>Enter Purchase code :</label>
            <input type="text" class="form-control" value="{{ old('purchase_code') }}" name="purchase_code">
            <small class="text-muted"><i class="fa fa-question-circle"></i> Enter envanto purchase code.</small>
          </div>

        </div>
      </div>
      <p class="border-default border-bottom"></p>
      <div class="shadow-sm bg-primary-rgba p-3 rounded">
        <a target="__blank" title="Get your keys from here" class=" pull-right text-info"
          href="https://www.google.com/recaptcha/admin/create"><i class="fa fa-key"></i> Get Your reCAPTCHA v2 Keys From
          Here</a>
        <h4><i class="feather icon-settings" aria-hidden="true"></i> reCaptcha v2 Settings</h4>
        <small class="text-muted"><i class="fa fa-warning"></i> reCaptcha will not work on <b>localhost (eg. on
            xammp,wammp,laragon)</b>. Read more about <a target="__blank"
            href="https://developers.google.com/recaptcha/docs/faq#localhost_support">here</a></small>
        <hr>
        <div class="row">

          <div class="col-md-6">
            <div class="form-group">
              <label>
                NOCAPTCHA_SECRET:
              </label>
              <input value="{{ env('NOCAPTCHA_SECRET') }}" id="NOCAPTCHA_SECRET" name="NOCAPTCHA_SECRET" type="text"
                class="form-control" placeholder="enter NOCAPTCHA SECRET key">
            </div>
          </div>
          <div class="col-md-6">
            <div class="form-group">
              <label>
                NOCAPTCHA_SITEKEY
              </label>
              <input id="NOCAPTCHA_SITEKEY" value="{{ env('NOCAPTCHA_SITEKEY') }}" name="NOCAPTCHA_SITEKEY" type="text"
                class="form-control" placeholder="enter NOCAPTCHA SITEKEY key">
            </div>
          </div>

          <div class="col-md-12">
            <div class="form-group">
              <label>Enable reCaptcha on Registration :</label>
              <br>
              <label class="switch">
                <input id="captcha_enable" type="checkbox" name="captcha_enable"
                  {{ $row->captcha_enable=='1' ? "checked" : "" }}>
                <span class="knob"></span>
              </label>
            </div>
          </div>
        </div>
      </div>

      

      <div class="bg-primary-rgba p-3 mt-2 rounded shadow-sm">
        <a target="__blank" title="Get your keys from here" class=" pull-right text-info"
          href="https://mailchimp.com/"><i class="fa fa-key"></i> Get your mailchimp keys from here</a>
        <h4><i class="feather icon-wifi"></i> {{__("MailChimp Newsletter Settings") }}</h4>
        <hr>
        <div class="row">

          <div class="col-md-6">
            <div class="form-group">
              <label>
                {{__("MAILCHIMP APIKEY")}}
              </label>
              <input value="{{ env('MAILCHIMP_APIKEY') }}" id="MAILCHIMP_APIKEY" name="MAILCHIMP_APIKEY" type="text"
                class="form-control" placeholder="enter MAILCHIMP APIKEY key">
            </div>
          </div>
          <div class="col-md-6">
            <div class="form-group">
              <label>
                {{__("MAILCHIMP LIST ID")}}
              </label>
              <input id="MAILCHIMP_LIST_ID" value="{{ env('MAILCHIMP_LIST_ID') }}" name="MAILCHIMP_LIST_ID" type="text"
                class="form-control" placeholder="enter MAILCHIMP LIST ID">
            </div>
          </div>
        </div>
      </div>

      <div class="bg-primary-rgba p-3 mt-2 rounded shadow-sm">
        <a target="__blank" title="Get your keys from here" class=" pull-right text-info"
          href="https://tagmanager.google.com/#/home/"><i class="fa fa-key"></i> Get your GTM keys from here</a>
        <h4><i class="fa fa-google"></i> {{__("Google Tag Manager Settings") }}</h4>
        <hr>
        <div class="row">

          <div class="col-md-6">
            <div class="form-group">
              <label>
                {{__("GOOGLE TAG MANAGER ID")}}
              </label>
              <input value="{{ env('GOOGLE_TAG_MANAGER_ID') }}" id="GOOGLE_TAG_MANAGER_ID" name="GOOGLE_TAG_MANAGER_ID" type="text"
                class="form-control" placeholder="Enter GOOGLE TAG MANAGER ID here">
            </div>
          </div>
          <div class="col-md-6">
            <div class="form-group">
              <label>Enable Google Tag Manager :</label>
              <br>
              <label class="switch">
                <input id="GOOGLE_TAG_MANAGER_ENABLED" type="checkbox" name="GOOGLE_TAG_MANAGER_ENABLED"
                  {{ env('GOOGLE_TAG_MANAGER_ENABLED') =='1' ? "checked" : "" }}>
                <span class="knob"></span>
              </label>
            </div>
          </div>
        </div>
      </div>


      <div class="form-group mt-2">
        <button @if(env('DEMO_LOCK')==0)  type="submit" @else disabled title="This operation is disabled is demo !" @endif  class="btn col-3 btn-success-rgba"><i class="fa fa-save"></i>
            Save</button>
      </div>
    <div class="clear-both"></div>

    </form>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection
@section('custom-script')
<script>
  $('#captcha_enable').on('change', function () {
    if ($('#captcha_enable').is(':checked')) {
      $('#NOCAPTCHA_SECRET').attr('required', 'required');
      $('#NOCAPTCHA_SITEKEY').attr('required', 'required');
    } else {
      $('#NOCAPTCHA_SECRET').removeAttr('required');
      $('#NOCAPTCHA_SITEKEY').removeAttr('required');
    }
  });

  $('#GOOGLE_TAG_MANAGER_ENABLED').on('change', function () {
    if ($('#GOOGLE_TAG_MANAGER_ENABLED').is(':checked')) {
      $('#GOOGLE_TAG_MANAGER_ID').attr('required', 'required');
    } else {
      $('#GOOGLE_TAG_MANAGER_ID').removeAttr('required');
    }
  });

  $("input[name='ENABLE_SELLER_SUBS_SYSTEM']").on('change',function(){


      if( $("input[name='ENABLE_SELLER_SUBS_SYSTEM']").is(':checked') ){

        $('.purbox').removeClass('display-none');
        
        $("input[name='purchase_code']").attr('required','required');

      }else{


        $('.purbox').addClass('display-none');

        $("input[name='purchase_code']").removeAttr('required');

      }

  });
</script>
@endsection