@extends('layouts.seller')

@section('content')
{!! Form::open(array('route' => 'schedule.punch-clock-approve', 'method' => 'POST' ,'id' => 'ajaxSave','files' => true)) !!}
<div class="page-header text-uppercase">
    <ul class="list-unstyled space-list m-0">
        <li>
            <p>{!! __('schedule.shift_punch_clock') !!}</p>
        </li>
    </ul>
    <div class="col-sm-12 text-right">
        <div class="form-group">
            <button type="submit" value="1" class="btn btn-primary waves-effect waves-light sub-btn"> <i class="fa fa-check-circle"></i> {!! __('schedule.approve') !!} </button>
            <button type="submit" value="2" class="btn btn-primary waves-effect waves-light sub-btn"> <i class="fa fa-minus-circle"></i> {!! __('schedule.delete') !!} </button>
        </div>
        <input type="hidden" name="action" class="action" value="1" />
    </div>
</div>
<div class="admin-area-col">
    <div class="row">
        <div class="col-12">
            <div class="round-white-bg box-shadow">
                <div class="error-msg font-14"></div>
                <div class="table-responsive">
                    <table id="dTable" data-url="{{route('schedule.punch-clock.paginate')}}" class="striped-table w-100 custom-datatable font13">
                        <thead>
                            <tr>
                                <th class="font-medium font13 no-sort">{{ __('common.sr-no') }}</th>
                                <th class="font-medium font13">{{ __('schedule.date') }}</th>
                                <th class="font-medium font13">{{ __('schedule.employee') }}</th>
                                <th class="font-medium font13">{{ __('schedule.employee_group') }}</th>
                                <th class="font-medium font13">{{ __('schedule.vakttype') }}</th>
                                <th class="font-medium font13">{{ __('schedule.shift_type') }}</th>
                                <th class="font-medium font13 no-sort">{{ __('schedule.start_end') }}</th>
                                <th class="font-medium font13 no-sort">{{ __('schedule.punch_time') }}</th>
                                <th class="font-medium font13 no-sort">{{ __('schedule.length') }}</th>
                                <th class="font-medium font13 no-sort">{{ __('schedule.comment') }}</th>
                                <th class="font-medium font13 no-sort">{{ __('common.action') }}</th>
                                <th class="font-medium font13 no-sort">
                                    <input type="checkbox" class="check-all" value="0" />
                                </th>
                            </tr>
                        </thead>
                        <tbody class="text-muted font-medium">

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
{!! Form::close() !!}
@endsection

@section('script')
<script type="text/javascript">
    $('body').on('click', '.check-all', function() {
        var checkAll = $(this);
        $('.check-one').each(function() {
            if (checkAll.val() == 1) {
                this.checked = false;
            } else {
                this.checked = true;
            }
        });

        if (checkAll.val() == 1) {
            checkAll.val(0);
        } else {
            checkAll.val(1);
        }
    });

    $('body').on('click', '.sub-btn', function() {
        var val = $(this).val();
        $('.action').val(val);
    })
</script>
@endsection