@extends('layouts.admin')

@section('title')Clock In/Clock Out Data @endsection

@section('content')
@php $auth= Auth::user(); @endphp
<div class="table_harder">
    <div class="table_head">
        <h5>List of Clock In/Clock Out Activity</h5>
        <p>Meetings Done By Staff Today {{$totalRecords}}</p>
    </div>

    <div>

        <form action="{{route('serviceLineExport')}}" method="post" id="service_export_form">
            @csrf
            <div class="table_details">
                <div class="filter-input date-container">
                    <input type="text" id="config-date" class="form-control config-date" name="date">
                    <img src="{{asset('/images/sinceicon.png')}}">
                </div>
            </div>

        </form>
    </div>

</div>
<div class="row">


    <div class="col-md-12">
        <div class="add_clock_in_out pb-2">
            <button type="button" class="add_staff" data-bs-toggle="modal" data-toggle="modal" data-backdrop="static"
                data-keyboard="false" data-bs-target="#clockInOutAddModal">
                <a href="javascript:viod(0)" data-bs-toggle="modal" data-bs-target="#clockInOutAddModal"
                    data-toggle="modal" data-backdrop="static" data-keyboard="false"><i class="fa fa-plus"></i>Add Clock
                    In <b>/</b> Out</a>
            </button>

        </div>
    </div>
</div>
<div class="row">


    <div class="col-12">
        <div class="card data-table Tablecommon">
            <!-- /.card-header -->
            <div class="card-body">
                <div class="">
                    <table id="clockInOutsTable" class="table table-hover commonContent">
                        <thead>
                            <tr>
                                {{-- <th>Site-ID</th> --}}
                                <th>Employee First Name</th>
                                <th>Employee Last Name</th>
                                <th>Client First Name</th>
                                <th>Client Last Name</th>
                                <th>Client Code</th>
                                <th>Client ID</th>
                                <th>MID</th>
                                <th>AUTHORIZATION NUMBER</th>
                                <th>Clock IN Time</th>
                                <th>Clock In Date</th>
                                <th>Clock Out Time</th>
                                <th>Clock Out Date</th>
                                <th>Clock In Message</th>
                                <th>Clock IN Location</th>
                                <th>Clock Out Location</th>
                                <th>Clock Out Message</th>
                                <th>Action</th>
                            </tr>
                        </thead>

                    </table>
                </div>
                <!-- /.card-body -->
            </div>
        </div>
        <!-- /.card -->
    </div>
</div>

<div id="parent_item_details_modal"> </div>


@include('admin.clockInOuts.addModal')

@push('page_script')
@include('include.dataTableScripts')
<script src="{{ asset('js/pages/clock-in-out/index.js') }}"></script>
<script src="{{ asset('js/calender-filter.js') }}"></script>

@endpush





@endsection