@extends('layouts.mainlayout')
@section('title', 'Setting')
@section('main')
<div class="card">
<div class="card-header header-elements-inline">
   <h5 class="card-title icon-users4 font-weight-bold">General Setting</h5>
</div>
<div class="card-body">
   <form  action="{{route('setting.store')}}" method="POST" class="form-horizontal">
      @csrf
      <fieldset class="mb-6">
         <legend class="text-uppercase font-size-sm font-weight-bold"> </legend>
         <!-- Basic text input -->
         <!-- <div class="form-group row">
            <label class="col-form-label col-lg-3 font-weight-semibold">New User Default Role:
            </label>
            <div class="col-lg-9">
               <div class="form-check">
                  <label class="form-check-label">
                  <input type="radio" class="form-check-input" name="user_default_role" value="Employee" {{ (!empty($setting['user_default_role']) && $setting['user_default_role'] == 'Employee') ? 'checked' : '' }}>
                  Employee
                  </label>
               </div>
               <div class="form-check">
                  <label class="form-check-label">
                  <input type="radio" class="form-check-input" name="user_default_role" value="TeamLead" {{ (!empty($setting['user_default_role']) && $setting['user_default_role'] == 'TeamLead') ? 'checked' : '' }}>
                  Team Lead
                  </label>
               </div>
               <div class="form-check">
                  <label class="form-check-label">
                  <input type="radio" class="form-check-input" name="user_default_role" value="Administrator" {{ (!empty($setting['user_default_role']) && $setting['user_default_role'] == 'Administrator') ? 'checked' : '' }}>
                  Administrator
                  </label>
               </div>
            </div>
         </div> -->
         <div class="form-group row">
            <label class="col-form-label col-lg-3 font-weight-semibold">Time  Zone:
            </label>
            <div class="col-lg-9">
               <select data-placeholder="Standard TimeZone List" class="form-control" name="time_zone">
                  <option value="">---Select Timezone---</option>
                  @foreach($timezones as $timezone)
                  <option 
                     {{ (!empty($setting['time_zone']) && $setting['time_zone'] == $timezone->name) ? 'selected' : '' }}
                     value="{{ $timezone->name }}"
                     >
                     {{ $timezone->name }} ({{ $timezone->offset }})
                  </option>
                  @endforeach
               </select>
            </div>
         </div>
         <div class="form-group row">
            <label class="col-form-label col-lg-3 font-weight-semibold">Site Language:
            </label>
            <div class="col-lg-9">
               <select data-placeholder="Standard Language" class="form-control" name="language">
                  <option>--Select Language--</option>
                  <option 
                     value="English"
                     {{ (!empty($setting['language']) && $setting['language'] == 'English') ? 'selected' : '' }}                     
                  >English</option>
                  <option 
                     value="Hindi"
                     {{ (!empty($setting['language']) && $setting['language'] == 'Hindi') ? 'selected' : '' }}                     
                  >Hindi</option>
               </select>
            </div>
         </div>
         <div class="form-group row">
            <label class="col-form-label col-lg-3 font-weight-semibold">Date Format:
            </label>
            <div class="col-lg-9">
               <div class="form-check">
                  <label class="form-check-label">
                  <input type="radio" class="form-check-input" name="date_format" value="yyyy/mm/dd" {{ (!empty($setting['date_format']) && $setting['date_format'] == 'yyyy/mm/dd') ? 'checked' : '' }}>
                  yyyy/mm/dd
                  </label>
               </div>
               <div class="form-check">
                  <label class="form-check-label">
                  <input type="radio" class="form-check-input" name="date_format" value="mm/dd/yyyy" {{ (!empty($setting['date_format']) && $setting['date_format'] == 'mm/dd/yyyy') ? 'checked' : '' }}>
                  mm/dd/yyyy
                  </label>
               </div>
               <div class="form-check">
                  <label class="form-check-label">
                  <input type="radio" class="form-check-input" name="date_format" value="dd/mm/yyyy" {{ (!empty($setting['date_format']) && $setting['date_format'] == 'dd/mm/yyyy') ? 'checked' : '' }}>
                  dd/mm/yyyy
                  </label>
               </div>
            </div>
         </div>
         <div class="form-group row">
            <label class="col-form-label col-lg-3 font-weight-semibold">Time Format:
            </label>
            <div class="col-lg-9">
               <div class="form-check">
                  <label class="form-check-label">
                  <input type="radio" class="form-check-input" name="time_format" value="H:i" {{ (!empty($setting['time_format']) && $setting['time_format'] == 'H:i') ? 'checked' : '' }}>
                  hh:mm:ss ( 24 hour )
                  </label>
               </div>
               <div class="form-check">
                  <label class="form-check-label">
                  <input type="radio" class="form-check-input" name="time_format" value="g:i A" {{ (!empty($setting['time_format']) && $setting['time_format'] == 'g:i A') ? 'checked' : '' }}>
                  hh:mm:ss ( 12 hours format )
                  </label>
               </div>
            </div>
         </div>
         <div class="form-group row">
            <label class="col-form-label col-lg-3 font-weight-semibold">Week Starts On:
            </label>
            <div class="col-lg-9">
               <select data-placeholder="select" class="form-control" name="week_starts">
                  <option>--Select Week Starts--</option>
                  <option 
                     value="Sunday"
                     {{ (!empty($setting['week_starts']) && $setting['week_starts'] == 'Sunday') ? 'selected' : '' }}                     
                  >Sunday</option >
                  <option 
                     value="Monday"
                     {{ (!empty($setting['week_starts']) && $setting['week_starts'] == 'Monday') ? 'selected' : '' }}                     
                  >Monday</option>
                  <option 
                     value="Tuesday" 
                     {{ (!empty($setting['week_starts']) && $setting['week_starts'] == 'Tuesday') ? 'selected' : '' }}                     
                  >Tuesday</option>
                  <option 
                     value="Wednesday" 
                     {{ (!empty($setting['week_starts']) && $setting['week_starts'] == 'Wednesday') ? 'selected' : '' }}                     
                  >Wednesday</option>
                  <option 
                     value="Thursday" 
                     {{ (!empty($setting['week_starts']) && $setting['week_starts'] == 'Thursday') ? 'selected' : '' }}                     
                  >Thursday</option>
                  <option 
                     value="Friday" 
                     {{ (!empty($setting['week_starts']) && $setting['week_starts'] == 'Friday') ? 'selected' : '' }}                     
                  >Friday</option>
                  <option 
                     value="Saturday"
                     {{ (!empty($setting['week_starts']) && $setting['week_starts'] == 'Saturday') ? 'selected' : '' }}                     
                  >Saturday</option>
               </select>
            </div>
         </div>
         <div class="form-group row">
            <label class="col-form-label col-lg-3 font-weight-semibold">Attendance Grace Period:</label>
            <div class="col-lg-9">
                <!-- {{$AttendanceGrace}} -->
                <input type="number" name="applied_before" id="applied_before" value="{{ (!empty($setting['applied_before']) && $setting['applied_before'] == 'AttendanceGrace') ? 'AttendanceGrace' : $AttendanceGrace}}" min="0" max="15" placeholder="00">
                <span>days</span>
            </div>
        </div>
         <div class="form-group row">
            <label class="col-form-label col-lg-3 font-weight-semibold">Default Employee Type:
            </label>
            <div class="col-lg-9">
               <div class="form-check">
                  <label class="form-check-label">
                  <input type="radio" class="form-check-input" name="default_employee_type"
                     value="Employee"
                     {{ (!empty($setting['default_employee_type']) && $setting['default_employee_type'] == 'Employee') ? 'checked' : '' }}
                  >
                  Employee
                  </label>
               </div>
               <div class="form-check">
                  <label class="form-check-label">
                  <input type="radio" class="form-check-input" name="default_employee_type"
                     value=" Consultant"
                     {{ (!empty($setting['default_employee_type']) && $setting['default_employee_type'] == 'Consultant') ? 'checked' : '' }}
                  >
                  Consultant
                  </label>
               </div>
            </div>
         </div>
         <div class="form-group row">
            <label class="col-form-label col-lg-3 font-weight-semibold">Default Employee ID:
            </label>
            <div class="col-lg-9">
               <div class="form-check">

                  <label class="form-check-label">
                  <input type="radio" class="form-check-input" name="default_employee_id" value="manual" 
                     {{ (!empty($setting['default_employee_id']) && $setting['default_employee_id'] == 'manual') ? 'checked' : '' }}
                  >
                  Manual
                 
                  </label>
                  
                  <label class="form-check-label" style="margin-left: 80px;">
                   <input type="radio" name="default_employee_id" class="form-check-input " 
                     value="automatic" 
                     {{ (!empty($setting['default_employee_id']) && $setting['default_employee_id'] == 'automatic') ? 'checked' : '' }}
                  >
                  Automatic 
                  
                  </label>
               </div>
               <br>
               @if(!empty($setting['default_employee_id']) && $setting['default_employee_id'] == 'automatic')
               <div id="employeeDiv">
                  @else
                  <div id="employeeDiv" style="display: none;">
                     @endif
                     <label class="form-label col-lg-3" style="margin-left: 120px;">Default Employee ID</label>
                     <input type="text" name="txtdefaultid" value="{{(!empty($setting['default_id'])) ? $setting['default_id'] : ''}}">
                     <br>
                     <label class="form-label col-lg-3" style="margin-left: 120px;">Starts From</label>
                     <input type="text" name="txtstartfrom" value="{{(!empty($setting['id_starts_from'])) ? $setting['id_starts_from'] : ''}}">
                  </div>
               </div>
            </div>
            <!-- Email Configration Section-->
            <legend class="text-uppercase font-size-sm font-weight-bold"> </legend>
            <h2>Email Configuration </h2>
            <div class="form-group row">
               <label class="col-form-label col-lg-3 font-weight-semibold">MAIL DRIVER
               </label>
               <div class="col-lg-9">
                  <input type="text" name="MAIL_DRIVER" class="form-control" value="{{(!empty($setting['MAIL_DRIVER'])) ? $setting['MAIL_DRIVER'] : ''}}">
               </div>
            </div>
            <div class="form-group row">
               <label class="col-form-label col-lg-3 font-weight-semibold">MAIL FROM ADDRESS
               </label>
               <div class="col-lg-9">
                  <input type="text" name="MAIL_FROM_ADDRESS" class="form-control" value="{{(!empty($setting['MAIL_FROM_ADDRESS'])) ? $setting['MAIL_FROM_ADDRESS'] : ''}}">
               </div>
            </div>
             <div class="form-group row">
               <label class="col-form-label col-lg-3 font-weight-semibold">MAIL FROM NAME
               </label>
               <div class="col-lg-9">
                  <input type="text" name="MAIL_FROM_NAME" class="form-control" value="{{(!empty($setting['MAIL_FROM_NAME'])) ? $setting['MAIL_FROM_NAME'] : ''}}">
               </div>
            </div>
            <div class="form-group row">
               <label class="col-form-label col-lg-3 font-weight-semibold">MAIL MAILER
               </label>
               <div class="col-lg-9">
                  <input type="text" name="MAIL_MAILER" class="form-control" value="{{(!empty($setting['MAIL_MAILER'])) ? $setting['MAIL_MAILER'] : ''}}">
               </div>
            </div>
            <div class="form-group row">
               <label class="col-form-label col-lg-3 font-weight-semibold">MAIL HOST
               </label>
               <div class="col-lg-9">
                  <input type="text" name="MAIL_HOST" class="form-control" value="{{(!empty($setting['MAIL_HOST'])) ? $setting['MAIL_HOST'] : ''}}">
               </div>
            </div>
            <div class="form-group row">
               <label class="col-form-label col-lg-3 font-weight-semibold">MAIL PORT
               </label>
               <div class="col-lg-9">
                  <input type="text" name="MAIL_PORT" class="form-control" value="{{(!empty($setting['MAIL_PORT'])) ? $setting['MAIL_PORT'] : ''}}">
               </div>
            </div>
            <div class="form-group row">
               <label class="col-form-label col-lg-3 font-weight-semibold">MAIL USERNAME
               </label>
               <div class="col-lg-9">
                  <input type="text" name="MAIL_USERNAME" class="form-control" value="{{(!empty($setting['MAIL_USERNAME'])) ? $setting['MAIL_USERNAME'] : ''}}">
               </div>
            </div>
            <div class="form-group row">
               <label class="col-form-label col-lg-3 font-weight-semibold">MAIL PASSWORD
               </label>
               <div class="col-lg-9">
                  <input type="text" name="MAIL_PASSWORD" class="form-control" value="{{(!empty($setting['MAIL_PASSWORD'])) ? $setting['MAIL_PASSWORD'] : ''}}">
               </div>
            </div>
            <div class="form-group row">
               <label class="col-form-label col-lg-3 font-weight-semibold">MAIL ENCRYPTION
               </label>
               <div class="col-lg-9">
                  <input type="text" name="MAIL_ENCRYPTION" class="form-control" value="{{(!empty($setting['MAIL_ENCRYPTION'])) ? $setting['MAIL_ENCRYPTION'] : ''}}">
               </div>
            </div>
            <!-- SMS Setting -->
            <legend class="text-uppercase font-size-sm font-weight-bold"> </legend>
            <h2>SMS Configuration </h2>
            <div class="form-group row">
                    <label class="col-form-label col-md-3">SMS Service Provider <span class="text-danger">*</span></label>
                    <div class="col-md-9">
                        <select type="text" name="sms_provider" id="sms_provider" class="form-control form-control-select2 required" @if(!empty($setting['sms_provider'])) value="{{$setting['sms_provider']}}" data-fouc @endif>
                            <option disabled selected> Please Select SMS Service Provider</option>
                            <option value="gup_shup">Gup Shup</option>
                            <option value="msg_91">Msg 91</option>
                        </select>
                    </div>
            </div>
            <div class="gup_sup_div" style="display: none;">
               <div class="form-group row">
                  <label class="col-form-label col-lg-3 font-weight-semibold">Gup Shup Username
                  </label>
                  <div class="col-lg-9">
                     <input type="text" name="gup_shup_username" class="form-control" value="{{(!empty($setting['gup_shup_username'])) ? $setting['gup_shup_username'] : ''}}">
                  </div>
               </div>
               <div class="form-group row">
                  <label class="col-form-label col-lg-3 font-weight-semibold">Gup Shup  Password
                  </label>
                  <div class="col-lg-9">
                     <input type="text" name="gup_shup_password" class="form-control" value="{{(!empty($setting['gup_shup_password'])) ? $setting['gup_shup_password'] : ''}}">
                  </div>
               </div>
            </div>
            <div class="msg_91_div" style="display: none;">
               <div class="form-group row msg91_auth_key">
                  <label class="col-form-label col-lg-3 font-weight-semibold">Msg91 Auth Key
                  </label>
                  <div class="col-lg-9">
                     <input type="text" name="msg91_auth_key" class="form-control" value="{{(!empty($setting['msg91_auth_key'])) ? $setting['SMS_SENDER_ID'] : ''}}">
                  </div>
               </div>
               <div class="form-group row msg91_sender_id">
                  <label class="col-form-label col-lg-3 font-weight-semibold">Msg91 Sender ID
                  </label>
                  <div class="col-lg-9 ">
                     <input type="text" name="msg91_sender_id" class="form-control" value="{{(!empty($setting['msg91_sender_id'])) ? $setting['msg91_sender_id'] : ''}}">
                  </div>
               </div>
               <div class="form-group row msg91_route">
                  <label class="col-form-label col-lg-3 font-weight-semibold">Msg91 Route
                  </label>
                  <div class="col-lg-9">
                     <input type="text" name="msg91_route" class="form-control" value="{{(!empty($setting['msg91_route'])) ? $setting['msg91_route'] : ''}}">
                  </div>
               </div>
            </div>
            
            @if(auth()->user()->can('Edit Settings module'))
               <button type="submit" name="status" value="" class="btn btn-primary">
                  <i ></i>save
               </button>
            @endif
         </div>

      </fieldset>
   </form>
</div>
@endsection
@section('js')
<script>
$(document).ready(function(){
   $("input[type='radio']").change(function(){
      if($(this).val()=="automatic") {
         $("#employeeDiv").show();
      }
      else {
         $("#employeeDiv").hide(); 
      }
   });

   $('#sms_provider').change(function(){
      //console.log("test");
      //alert("test");
      var sms_provider = $('#sms_provider').val();
      console.log(sms_provider);
      if(sms_provider == 'msg_91'){
         $(".msg_91_div").show();
         $(".msg_91_div").removeAttr('style');
         $(".gup_sup_div").hide();
      }
      else
      {  
         $(".gup_sup_div").show();
         $(".gup_sup_div").removeAttr('style');
         $(".msg_91_div").hide();
      }
   });

});
// $(document).ready(function () {
//         // When the input value changes, format it to have at least 2 digits.
//         $('#applied_before').on('change', function () {
//             var value = $(this).val();
//             // Pad with '0' to have at least 2 digits.
//             var formattedValue = value.toString().padStart(2, '0');
//             $(this).val(formattedValue);
//             if (formattedValue === "00") {
//                 $(this).val(null);
//             }
//         });
//     });
$(document).ready(function () {
    $('#applied_before').on('input', function () {
        var value = parseInt($(this).val());

        // Get the minimum and maximum values allowed
        var min = parseInt($(this).attr('min'));
        var max = parseInt($(this).attr('max'));

        // Ensure the value is within the specified range
        if (value < min) {
            value = min;
        } else if (value > max) {
            value = max;
        }

        // If the value is "00", set it to null
        if (value === 0) {
            $(this).val("00"); // Display "00"
            value = null; // Save null in the database
        } else {
            // Format the value as "01", "02", "03", etc.
            var formattedValue = value.toString().padStart(2, '0');
            $(this).val(formattedValue);
        }
    });
});

</script>
@endsection