@extends('settings.layouts.master')
@section('styles')
  <link rel="stylesheet" href="{{asset('admin/plugins/select2/css/select2.min.css')}}">
  <link rel="stylesheet" href="{{asset('admin/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css')}}">
    <link rel="stylesheet" href="{{asset('admin/plugins/toastr/toastr.min.css')}}">
  <link rel="stylesheet" href="{{asset('admin/plugins/sweetalert2-theme-bootstrap-4/bootstrap-4.min.css')}}">
  <style type="text/css">
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 14px;
  }
  table{
    width: 100%;
  }
  tr{
    padding: 5px;
    width: 100%;
    text-align: center;
  }
  th{
    padding: 5px;
    text-align: center;
  }
 
  </style>
@endsection
@section('contents')
<div class="content-wrapper pb-0">
<div class="page-header flex-wrap">
  <h3 class="mb-0">{{$category}}</h3>
</div>
<div class="row">
  <div class="col-md-12 stretch-card grid-margin">
    <div class="card">
      <div class="card-body">
          @csrf
         
          <div class="row">
            <div class="col-md-6">
              <h3>{{$category}}</h3>
            </div>
            <div class="col-md-6">
            </div>
          </div>
          <div class="col-md-12">
            <table>
              <tr>
                <th style="width:10%">#</th><th style="width:20%">Attendence Scheme</th><th style="width:20%">Start Day</th><th style="width:20%">End Day</th><th style="width:40%;text-align:center;">Start From Previous Payroll</th>
              </tr>
              <tr>
                <td>1</td><td>Contract Employees</td><td></td><td></td><td><input type="checkbox" class="form-control"></td>
              </tr>
              <tr>
                <td>2</td><td>General scheme</td><td></td><td></td><td><input type="checkbox" class="form-control"></td>
              </tr>
              <tr>
                <td>3</td><td>Probation Scheme</td><td></td><td></td><td><input type="checkbox" class="form-control"></td>
              </tr>
              <tr>
                <td>4</td><td>Trainee Scheme</td><td></td><td></td><td><input type="checkbox" class="form-control"></td>
              </tr>
            </table>
          </div>
             <div class="form-group">
            <button type="button" class="btn btn-primary" onclick="$('#sub-admin-form').submit()"><spam id="title-button">Save</spam></button>
          </div>
          </div>
      </div>
    </div>
  </div>
</div>
@endsection
@section('scripts')
<script src='https://cdn.jsdelivr.net/npm/fullcalendar@6.0.0/index.global.min.js'></script>
<script src="{{asset('admin/plugins/select2/js/select2.full.min.js')}}"></script>
<!-- Toastr -->
<script src="{{asset('admin/plugins/sweetalert2/sweetalert2.min.js')}}"></script>
<script src="{{asset('admin/plugins/toastr/toastr.min.js')}}"></script>
<script type="text/javascript">
  function addCompanyBank(type) {
    $('#listId').val('');
    $('#name').val('');
    $('#capital').val('');
    $('#description').val('');
    $('#bank-button').html('Add');
    $('#add-modal-made').modal('toggle');

  }
  $('.select2').select2();

  $(document).ready(function(){

 });
  
  function addBankBranch(type) {

    $('#bank-button').html(type);
    $('#type').html(type);
    $('#add-modal-made').modal('toggle');

  }
  function editDetails(id,name,capital,description) {
   
    $('#listId').val(id);
    $('#name').val(name);
    $('#capital').val(capital);
    $('#description').val(description);

    $('#bank-button').html('Edit');
    $('#add-modal-made').modal('toggle');
  }
 
  function getListBox(){

    var list_box = $('#list_box').val();
    console.log(list_box);
    reqUrl = "{{route('ifsc_save')}}";
    $('.global-loader').css('display','block');
        $.ajax({
          type: "get",
          url: reqUrl,
          data: {'list_box':list_box},
          dataType: "json",
          headers: {
              'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          },
          beforeSend: function() {
          },
          complete: function() {
          },
          success: function(response) {
            $('#list_value').html(response.success);
            $('.global-loader').css('display','none');
              // console.log(response);
          }
        });
  }
  function callSaveMessage(message){
    var Toast = Swal.mixin({
      toast: true,
      position: 'top-end',
      showConfirmButton: false,
      timer: 3000
    });
    Toast.fire({
        icon: 'success',
        title: message
    })
    $('.global-loader').css('display','none');
  }
</script>
@endsection