@extends('layouts.app')
@section('css')
{{-- Select2  --}}
  <link rel="stylesheet" href="{{ asset('public/datta-able/plugins/select2/css/select2.min.css') }}">
  <!-- daterange picker -->
  <link rel="stylesheet" href="{{ asset('public/dist/plugins/bootstrap-daterangepicker/daterangepicker.css') }}">
@endsection

@section('content')
  <!-- Main content -->
<div class="col-sm-12" id="preference-settings-container">
  <div class="row">
    <div class="col-sm-3">
      @include('layouts.includes.preference_menu')
    </div>
    <div class="col-sm-9">
      <div class="card">
      <div class="card-header">
        <h5>{{ __('General Preferences') }}</h5>
        <div class="card-header-right">

        </div>
      </div>
      <div class="card-block table-border-style">
        <form action="{{ url('save-preference') }}" method="post" id="myform1" class="form-horizontal">
        {!! csrf_field() !!}
          <div class="card-body p-0">

            <div class="form-group row">
              <label class="col-sm-3 control-label text-left" for="inputEmail3">{{ __('Rows per page') }}</label>

              <div class="col-sm-6">
                <select name="row_per_page" class="form-control select" >
                    <option value="10" >10</option>
                    <option value="25" >25</option>
                    <option value="50" >50</option>
                    <option value="100" >100</option>
                </select>
              </div>
            </div>

            <div class="form-group row">
              <label class="col-sm-3 control-label text-left" for="inputEmail3">{{ __('Date format') }}</label>

              <div class="col-sm-6">
                <select name="date_format" class="form-control select" >
                    <option value="0" >yyyymmdd {2020 12 31}</option>
                    <option value="1" >ddmmyyyy {31 12 2020}</option>
                    <option value="2" >mmddyyyy {12 31 2020}</option>
                    <option value="3" >ddMyyyy &nbsp;&nbsp;&nbsp;{31 Dec 2020}</option>
                    <option value="4" >yyyyMdd &nbsp;&nbsp;&nbsp;{2020 Dec 31}</option>
                </select>
              </div>
            </div>

            <div class="form-group row">
              <label class="col-sm-3 control-label text-left" for="inputEmail3">{{ __('Date Separator') }}</label>

              <div class="col-sm-6">
                <select name="date_sepa" class="form-control select">
                    <option value="-" >- (Hyphen)</option>
                    <option value="/" >/ (Slash)</option>
                    <option value="." >. (Dot)</option>
                    <option value="  " >   (Space)</option>
                </select>
              </div>
            </div>

            <div class="form-group row">
              <label class="col-sm-3 control-label text-left" for="decimal_digits">{{ __('Decimal Format') }}(.)</label>
              <div class="col-sm-6">
                <select name="decimal_digits" class="form-control select">
                    @for($i=1; $i<=8; $i++)
                      <option value={{$i}} >{{$i}}</option>
                    @endfor
                </select>
              </div>
            </div>

            <div class="form-group row">
              <label class="col-sm-3 control-label text-left" for="exchange_rate_decimal_digits">{{ __('Exchange Rate Decimal Format') }}(.)</label>
              <div class="col-sm-6">
                <select name="exchange_rate_decimal_digits" class="form-control select">
                    @for($i=1; $i<=8; $i++)
                      <option value={{$i}} >{{$i}}</option>
                    @endfor
                </select>
              </div>
            </div>

            <div class="form-group row">
              <label class="col-sm-3 control-label text-left" for="thousand_separator">{{ __('Thousand Separator') }}</label>
              <div class="col-sm-6">
                <select name="thousand_separator" class="form-control select">
                  <option value="," > , </option>
                  <option value="." > . </option>
                </select>
              </div>
            </div>

            <div class="form-group row">
              <label class="col-sm-3 control-label text-left" for="symbol_position">{{ __('Symbol Position') }}</label>
              <div class="col-sm-6">
                <select name="symbol_position" class="form-control select">
                  <option value="before" > Before </option>
                  <option value="after" > After </option>
                </select>
              </div>
            </div>

            <div class="form-group row">
              <label class="col-sm-3 control-label text-left" for="symbol_position">{{ __('Captcha') }}</label>
              <div class="col-sm-6">
                <select name="captcha" class="form-control select">
                  <option value="enable" > {{ __('Enabled') }}</option>
                  <option value="disable" >{{ __('Disabled') }}</option>
                </select>
              </div>
            </div>

            <div class="form-group row">
              <label class="col-sm-3 control-label text-left require" for="file_size">{{ __('Max FileSize') }}</label>
              <div class="col-sm-6 input-group">
                <input type="number" name="file_size" id="file_size" value="{{ isset($prefData['preference']['file_size']) ? $prefData['preference']['file_size'] : ''}}">
                <div class="input-group-prepend">
                  <span class="input-group-text">{{ __('MB') }}</span>
                </div>
              </div>

            </div>

            <div class="form-group row">
                <label class="col-sm-3 control-label text-left" for="inputEmail3">{{ __('Timezone') }}</label>