@extends('employee.layouts.master')
@section('styles')
<style type="text/css">
	.add_dec{
		    list-style-type: none;
	}
</style>
@endsection
@section('contents')
 <div class="container-scroller">
     
    <ul class="" style="width: 200px;">
     <h3>GROUPS</h3>
    <li class="add_dec">
      <a href="#" class="nav-link">
        <div class="nav-profile-text d-flex flex-column pr-3">
          <span class="font-weight-medium mb-2">All Feeds</span>
          <span class="font-weight-normal"></span>
        </div>
        <!-- <span class="badge badge-danger text-white ml-3 rounded">3</span> -->
      </a>
    </li>
    <li class="add_dec">
      <a href="#" class="nav-link">
        <div class="nav-profile-text d-flex flex-column pr-3">
          <span class="font-weight-medium mb-2">Everyone</span>
          <span class="font-weight-normal"></span>
        </div>
        <!-- <span class="badge badge-danger text-white ml-3 rounded">3</span> -->
      </a>
    </li>
    <li class="add_dec">
      <a href="#" class="nav-link">
        <div class="nav-profile-text d-flex flex-column pr-3">
          <span class="font-weight-medium mb-2">Events</span>
          <span class="font-weight-normal"></span>
        </div>
        <!-- <span class="badge badge-danger text-white ml-3 rounded">3</span> -->
      </a>
    </li>
    <li class="add_dec">
      <a href="#" class="nav-link">
        <div class="nav-profile-text d-flex flex-column pr-3">
          <span class="font-weight-medium mb-2">Company News</span>
          <span class="font-weight-normal"></span>
        </div>
        <!-- <span class="badge badge-danger text-white ml-3 rounded">3</span> -->
      </a>
    </li>
    <li class="add_dec">
      <a href="#" class="nav-link">
        <div class="nav-profile-text d-flex flex-column pr-3">
          <span class="font-weight-medium mb-2">Appreciations</span>
          <span class="font-weight-normal"></span>
        </div>
        <!-- <span class="badge badge-danger text-white ml-3 rounded">3</span> -->
      </a>
    </li>
    <li class="add_dec">
      <a href="#" class="nav-link">
        <div class="nav-profile-text d-flex flex-column pr-3">
          <span class="font-weight-medium mb-2">Buy/Sell/Rent</span>
          <span class="font-weight-normal"></span>
        </div>
        <!-- <span class="badge badge-danger text-white ml-3 rounded">3</span> -->
      </a>
    </li>

  </ul>
      <div class="container-fluid page-body-wrapper">
        <div id="theme-settings" class="settings-panel">
          <i class="settings-close mdi mdi-close"></i>
          <p class="settings-heading">SIDEBAR SKINS</p>
          <div class="sidebar-bg-options selected" id="sidebar-default-theme">
            <div class="img-ss rounded-circle bg-light border mr-3"></div> Default
          </div>
          <div class="sidebar-bg-options" id="sidebar-dark-theme">
            <div class="img-ss rounded-circle bg-dark border mr-3"></div> Dark
          </div>
          <p class="settings-heading mt-2">HEADER SKINS</p>
          <div class="color-tiles mx-0 px-4">
            <div class="tiles light"></div>
            <div class="tiles dark"></div>
          </div>
        </div>
        @include('employee.layouts.navbar')

        <div class="main-panel">
          @if(session('status') == 3)
        <div class="alert alert-success alert-dismissible" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
                    aria-hidden="true">×</span></button>
            {{session('message')}}
        </div>
          @elseif(session('status') == 2)
        <div class="alert alert-danger alert-dismissible" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
                    aria-hidden="true">×</span></button>
            {{session('message')}}
        </div>
        @endif
        <div class="content-wrapper">
    <div class="page-header">
      <h3 class="page-title">Feeds</h3>
      <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
          <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
          <li class="breadcrumb-item active" aria-current="page"> Feeds</li>
        </ol>
      </nav>
    </div>
    <div class="row">
      
      <div class="col-lg-12 grid-margin stretch-card">
        <div class="card">
          <div class="card-body">
            <h4 class="card-title">Feeds </h4>
            <div class="row">
            	
          
           
            </div>
           
            <div class="table-responsive" style="margin-top: 10px;">
              <table class="table table-striped">
                <thead>
                  <tr>
                    <th>Sno</th>
                    <th>Leave Type</th>
                    <th>From Date & Session </th>
                    <th>From Date & Session </th>
                    <th>Total Days</th>
                    <th>Reason</th>
                    <th>Remark</th>
                    <th>Status</th>
                  </tr>
                </thead>
                <tbody>
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
     
    </div>
  </div>
         </div>
        <!-- main-panel ends -->
      </div>
      <!-- page-body-wrapper ends -->
    </div>      	
@endsection
@section('scripts')
<script>
	function addMember(){

		$('.add-id').html('');
		$('.all-clean').val('');
		$('#title-button').html('Add Shift');
		$('.modal-add').modal('toggle');
	}
	function editSubAdmin(id,name,start_time,end_time,total_hours,break_time) {
		$('.add-id').html('<input type="hidden" name="id" value="'+id+'">');
		$('#name').val(name);
		$('#start_time').val(start_time);
		$('#end_time').val(end_time);
		$('#total_hours').val(total_hours);
		$('#break').val(break_time);
		$('#title-button').html('Update Shift');
		$('.modal-add').modal('toggle');
	}
	$('#department').on('change', function() {
      var department = $('#department').val();
      $.ajax({
          url: '{{route('get-designation')}}',
          type: "get",
          data: {department:department},
          success: function (response) {
            // alert(response.success);
            console.log(response);
            $("#designation").empty();
            $("#designation").append('<option value="">Plese select designation</option>');
            for ( var i = 0, l = response.designation.length; i < l; i++ ) {
               $("#designation").append('<option value=' + response.designationId[i] + '>' + response.designation[i] + '</option>');
            }
          },
          error: function(jqXHR, textStatus, errorThrown) {
             console.log(textStatus, errorThrown);
          }
      });
  });
	function isNumberKey(evt) {
    var charCode = (evt.which) ? evt.which : event.keyCode;
    if ((charCode < 48 || charCode > 57))
        return false;

    return true;
 }
</script>

@endsection