@extends('employee.layouts.master')
@section('styles')
<style type="text/css">
	.add_dec{
		    list-style-type: none;
	}
  .nav-link{
        cursor: grab;
  }
</style> 
@endsection
@section('contents')
 <div class="container-scroller">
     
    <ul class="" style="width: 200px;">
     <h3>GROUPS</h3>
    <li class="add_dec">
      <a onclick="getGroup('all')" 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 onclick="getGroup('everyone')"  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 onclick="getGroup('event')"  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 onclick="getGroup('company')"  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 onclick="getGroup('appreciations')"  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 onclick="getGroup('buy')"  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 id="net-set">
                <div class="card card-invoice">
                  <div class="card-body">
                    @foreach($feed as $value) 
                    <div class="list-card">
                      <div class="row align-items-center">
                        <div class="col-7 col-sm-8">
                          <div class="row align-items-center">
                            <div class="col-sm-4">
                              <i class="mdi mdi-account"  style="font-size: 50px !important;"></i>
                            </div>
                            <div class="col-sm-8 pr-0 pl-sm-0">
                              <span>{{date('d-m-Y',strtotime($value->event_date))}}</span>
                              <h6 class="mb-1 mb-sm-0">{{$value->details}}</h6><br>
                              <h5 class="mb-1 mb-sm-0">{{$value->description}}</h6>
                            </div>
                          </div>
                        </div>
                        <div class="col-5 col-sm-4">
                          <div class="d-flex pt-1 align-items-center">
                            
                            <div class="reload-outer bg-info">
                              <i class="mdi mdi-thumb-up"></i> 
                            </div>
                            Like {{$value->likes}}
                          </div>
                          <div class="d-flex pt-1 align-items-center">
                            
                            <div class="reload-outer bg-info">
                              <i class="mdi mdi-comment"></i>
                            </div>
                            Comment {{$value->comment}}
                          </div>
                        </div>
                     </div>
                    </div>
                    @endforeach
              </div>
            </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');
	}
	function getGroup(department) {
      $.ajax({
          url: '{{route('employee-get-feeds')}}',
          type: "get",
          data: {department:department},
          success: function (response) {
            // alert(response.success);
            console.log(response);
            if(response.success == 3)
            {
              $("#net-set").empty();
              $("#net-set").html(response.data);
            }
          },
          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