@extends('employee.layouts.master')
@section('styles')
@endsection
@section('contents')
<div class="content-wrapper pb-0">
<div class="page-header flex-wrap">
  <h3 class="mb-0"> Hi, welcome back! <span class="pl-0 h6 pl-sm-2 text-muted d-inline-block">{{session('employeeDetail')->name}}.</span>
  </h3>
  <!-- <div class="d-flex">
    <button type="button" class="btn btn-sm bg-white btn-icon-text border">
      <i class="mdi mdi-email btn-icon-prepend"></i> Email </button>
    <button type="button" class="btn btn-sm bg-white btn-icon-text border ml-3">
      <i class="mdi mdi-printer btn-icon-prepend"></i> Print </button>
    <button type="button" class="btn btn-sm ml-3 btn-success"> Add User </button>
  </div> -->
</div>
<div class="row">
  <div class="col-md-12 stretch-card grid-margin">
    <div class="col-xl-5 col-sm-6 grid-margin stretch-card">
    <div class="card">
      <div class="card-body">
        <div class="card-title font-weight-medium">Today's Working Date: <b>{{date('d M y')}}  <div style="float:right">@if(getStatus(session('employeeDetail')->id) == 'In') <div class="badge badge-inverse-success"> Live </div> @else <div class="badge badge-inverse-danger"> Not Available </div> @endif </div></b></div>
        <p class=""> <div style="float:left">Swipes </div> <div style="float:right"><button class="btn btn-success" onclick="swipeCall()">@if(getStatus(session('employeeDetail')->id) == 'In') Sign Out  @else  Sign In  @endif</button> </div></p>
        <div class="flex-wrap border-bottom py-2 border-top justify-content-between">
          <div class="table-responsive">
          <table class="table">
            <thead class="bg-light">
              <tr>
                <th>Swipe Time</th>
                <th>In/Out</th>
                <th>Status</th>
                <th>Remark</th>
              </tr>
            </thead>
            <tbody>
              @if(getCurrentStatus(session('employeeDetail')->id)['status'] == 3)
              @foreach(getCurrentStatus(session('employeeDetail')->id)['data'] as $key=>$value)
              <tr>
                <td>
                    {{$value->swipe_time}}
                </td>
                <td>{{$value->in_out}}</td>
                <td>{{$value->live_status}}</td>
                <td>
                   {{$value->remark}}
                </td>
              </tr>
              @endforeach
              @else
              <tr>
                <td colspan="3" >
                  <center>
                  Attendence Not marked Yet
                  </center>  
                </td>
              </tr>
              @endif
            </tbody>
          </table>
        </div>
        </div>
      
      </div>
    </div>
  </div>
      <div class="col-xl-5 col-md-3 stretch-card grid-margin grid-margin-sm-0 pb-sm-3">
        <div class="card bg-primary">
          <div class="card-body px-3 py-4">
            <div class="d-flex justify-content-between align-items-start">
              <div class="color-card">
                <p class="mb-0 color-card-head">{{date('d M y')}}</p>
                <h2 class="text-white"> {{date('D')}} | 10 AM - 7PM
                </h2>
              </div>
              <i class="card-icon-indicator mdi mdi-basket bg-inverse-icon-warning"></i>
            </div>
            <h6 class="text-white"><div id="time-change"> {{date('H:i:s')}} </div></h6>
            <br>
           <h2 class="text-white">  <p class="mb-0 color-card-head">Shift GEN1- 10Am - 7PM</p></h2>
          </div>
        </div>
      </div>
      
    
  </div>

</div>

</div>
<div class="modal modal-add fade show" id="modal-default" aria-modal="true" role="dialog" style="padding-right: 17px; display: none;">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">Swipe Attendence</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
         <span aria-hidden="true">×</span>
        </button>
      </div>
      <div class="modal-body">
        <form action="{{route('save-swipe')}}" id="sub-admin-form" method="post" enctype="multipart/form-data">
          @csrf
           <div class="form-group">
            <label for="recipient-name" class="control-label mb-10">Enter Sign-