@extends('layouts.app')

@section('content')

 <!-- Content part -->
         <div class="admim-content-wrapper">
            <div class="wrapper">
               <div class="row ">
                  <div class="col-la-12">
                     <div class="admin-content-header admin-content-sky-header sky-bg">
                        <h1 class="float-left-sm">Configurations</h1>
                     </div>
                  </div>
                  <div class="clearfix"></div>


                  <div class="main-bg white-bg label-inline-block clearfix margin-bottom-la">
                    @if (session('success'))
                            
                    <div class="alert-primary bg-success margin-bottom-es">
                        <strong><i class="fa fa-check fa-lg"></i>&nbsp;</strong>{{ session('success') }}<a href="javascript:void(0);" class="alert-close"><i class="material-icons">close</i></a>
                      </div>
                    @endif
                     <div class="col-la-12">
                        <ul class="breadcrumb-slash">
                           <li><a href="{{url('/')}}"><i class="fas fa-home"></i></a></li>
                           <li><a href="{{url('/configurations/edit')}}">Configurations </a></li>
                           <li class="active">Edit</li>
                        </ul>
                        <div class="inner-content-header">
                           <h3 class=" text-border">
                            Configurations Information
                              <small>* Denotes required field</small>
                           </h3>
                        </div>
                     </div>
                     
                    
                     <form id="editconfigurationsForm" method="post" class="form-horizontal" action="{{ route('configurations.update', $configuration_master->i_id) }}">
                        @csrf
                             
                            {{-- <div class="col-me-6">
                                 <div class="form-panel">
                                     <label for="email_list" class="col-sm-4 col-me-4">Email List<span> *</span></label>
                                     <div class="col-sm-7 col-me-7">
                                         <input type="text" class="input-panel" id="email_list" name="email_list" value="{{ old('email_list', $configuration_master->email_list) }}">
                                         <span class="error-feedback text-danger" id="email_listError"></span>
                                     </div>
                                 </div>
                             </div> --}}

                             <div class="col-me-6">
                                <div class="form-panel">
                                    <label for="email_cc_list" class="col-sm-4 col-me-4">Email CC List<span> *</span></label>
                                    <div class="col-sm-7 col-me-7">
                                        <input type="text" class="input-panel" id="email_cc_list" name="email_cc_list" value="{{ old('email_cc_list', $configuration_master->email_cc_list) }}">
                                        <span class="error-feedback text-danger" id="email_cc_listError"></span>
                                    </div>
                                </div>
                            </div>

                            <div class="col-me-6">
                                <div class="form-panel">
                                    <label for="sick_leave_alloted" class="col-sm-4 col-me-4">Sick Leave Alloted<span> *</span></label>
                                    <div class="col-sm-7 col-me-7">
                                        <input type="hidden" class="input-panel" id="sick_leave_alloted_id" name="sick_leave_alloted_id" value="1">
                                        <input type="text" class="input-panel" id="sick_leave_alloted" name="sick_leave_alloted" value="{{ old('sick_leave_alloted', $configuration_master->sick_leave_alloted) }}">
                                        <span class="error-feedback text-danger" id="sick_leave_allotedError"></span>
                                    </div>
                                </div>
                            </div>

                            <div class="col-me-6">
                                <div class="form-panel">
                                    <label for="casual_leave_alloted" class="col-sm-4 col-me-4">Casual Leave Alloted<span> *</span></label>
                                    <div class="col-sm-7 col-me-7">
                                        <input type="hidden" class="input-panel" id="casual_leave_alloted_id" name="casual_leave_alloted_id" value="2">
                                        <input type="text" class="input-panel" id="casual_leave_alloted" name="casual_leave_alloted" value="{{ old('casual_leave_alloted', $configuration_master->casual_leave_alloted) }}">
                                        <span class="error-feedback text-danger" id="casual_leave_allotedError"></span>
                                    </div>
                                </div>
                            </div>

                            <div class="col-me-6">
                                <div class="form-panel">
                                    <label for="annual_leave_alloted" class="col-sm-4 col-me-4">Annual Leave Alloted<span> *</span></label>
                                    <div class="col-sm-7 col-me-7">
                                        <input type="hidden" class="input-panel" id="annual_leave_alloted_id" name="annual_leave_alloted_id" value="3">
                                        <input type="text" class="input-panel" id="annual_leave_alloted" name="annual_leave_alloted" value="{{ old('annual_leave_alloted', $configuration_master->annual_leave_alloted) }}">
                                        <span class="error-feedback text-danger" id="annual_leave_allotedError"></span>
                                    </div>
                                </div>
                            </div>
                             
                            <div class="col-me-6">
                                <div class="form-panel">
                                    <label for="marriage_leave_alloted" class="col-sm-4 col-me-4">Marriage Leave Alloted<span> *</span></label>
                                    <div class="col-sm-7 col-me-7">
                                        <input type="hidden" class="input-panel" id="marriage_leave_alloted_id" name="marriage_leave_alloted_id" value="4">
                                        <input type="text" class="input-panel" id="marriage_leave_alloted" name="marriage_leave_alloted" value="{{ old('marriage_leave_alloted', $configuration_master->marriage_leave_alloted) }}">
                                        <span class="error-feedback text-danger" id="marriage_leave_allotedError"></span>
                                    </div>
                                </div>
                            </div>

                            <div class="col-me-6">
                                <div class="form-panel">
                                    <label for="special_leave_alloted" class="col-sm-4 col-me-4">Special Leave Alloted<span> *</span></label>
                                    <div class="col-sm-7 col-me-7">
                                        <input type="hidden" class="input-panel" id="special_leave_alloted_id" name="special_leave_alloted_id" value="5">
                                        <input type="text" class="input-panel" id="special_leave_alloted" name="special_leave_alloted" value="{{ old('special_leave_alloted', $configuration_master->special_leave_alloted) }}">
                                        <span class="error-feedback text-danger" id="special_leave_allotedError"></span>
                                    </div>
                                </div>
                            </div>

                            <div class="col-me-6">
                                <div class="form-panel">
                                    <label for="early_leave_alloted" class="col-sm-4 col-me-4">Early Leave Alloted<span> *</span></label>
                                    <div class="col-sm-7 col-me-7">
                                        <input type="hidden" class="input-panel" id="early_leave_alloted_id" name="early_leave_alloted_id" value="6">
                                        <input type="text" class="input-panel" id="early_leave_alloted" name="early_leave_alloted" value="{{ old('early_leave_alloted', $configuration_master->early_leave_alloted) }}">
                                        <span class="error-feedback text-danger" id="early_leave_allotedError"></span>
                                    </div>
                                </div>
                            </div>

                            <div class="col-me-6">
                                <div class="form-panel">
                                    <label for="late_allowance_leave_alloted" class="col-sm-4 col-me-4">Late Allowance Leave Alloted<span> *</span></label>
                                    <div class="col-sm-7 col-me-7">
                                        <input type="hidden" class="input-panel" id="late_allowance_leave_id" name="late_allowance_leave_id" value="7">
                                        <input type="text" class="input-panel" id="late_allowance_leave_alloted" name="late_allowance_leave_alloted" value="{{ old('late_allowance_leave_alloted', $configuration_master->late_allowance_leave_alloted) }}">
                                        <span class="error-feedback text-danger" id="late_allowance_leave_allotedError"></span>
                                    </div>
                                </div>
                            </div>
                             
                             
                              
                              <div class="col-me-12">
                                 <div class="form-panel submit-form">
                                       <button type="button" id="submitupdateconfigurationBtn" class="button button-la float-left"><i class="fas fa-check"></i> Submit</button>
                                       <a href="{{ route('configurations.edit', ['id' => $configuration_master->i_id]) }}" class="button button-la button-gray float-left"><i class="fas fa-times"></i> Cancel</a>                     
                                 </div>
                              </div>
                              
                        </form>

                  </div>
               </div>
            </div>            
         </div>
         <!-- /Content part -->
<style type="text/css">
    .alert.alert-success {
        color: #008000;
    }
</style>
<script type="text/javascript">

$(document).ready(function(){
   $('input[name="txt_f_name"]').focus();
});

$(document).ready(function() {
    $('#submitupdateconfigurationBtn').on('click', function() {
        // Clear previous error messages
        $('.error-feedback').text('');

        // Create a FormData object to handle file uploads
        var formData = new FormData($('#editconfigurationsForm')[0]);

        // Make an AJAX request
        $.ajax({
            type: 'POST',
            url: $('#editconfigurationsForm').attr('action'),
            data: formData,
            contentType: false,
            processData: false,
            dataType: 'json',
            success: function(response) {
                // Handle success, e.g., show a success message
                alert(response.message); // You can replace this with your preferred success handling
                var configurationId = {{ $configuration_master->i_id ?? 0 }}; // Replace 0 with a default value if $configuration_master->i_id is not set

                // Set the window location with the id parameter
                window.location.href = '{{ route("configurations.edit", ["id" => "1"]) }}';
            },
            error: function(xhr, status, error) {
                // Handle errors and display error messages
                var errors = xhr.responseJSON.errors;

                if (errors) {
                    $.each(errors, function(key, value) {
                        $('#' + key + 'Error').text(value[0]);
                    });
                } else {
                    // Handle other types of errors
                    alert('An error occurred. Please try again.');
                }
            }
        });
    });
});


</script>
@endsection