@extends('admin.layouts.modal') 

@section('content')

@if (isset($status))
<div class="pad margin no-print">
    <div class="alert alert-{{$status['code']}} alert-dismissible fade in" role="alert">
        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
        <h4><i class="icon fa fa-ban"></i> {{ $status['header'] }}</h4>
        <ul>
            @foreach ($status['messages'] as $m)
                <li>{{$m}}</li>
            @endforeach
        </ul>
    </div>
</div>
@endif

<section class="content">
    <div class="row">
        <!-- left column -->
        <div class="col-md-12">
            <!-- general form elements -->
            <div class="box box-primary">
                <div class="box-header">
                    <h3 class="box-title">Regularize attendance {{$attendance->date}}</h3>
                    <div class="box-tools">
                        <button class="btn btn-primary btn-sm close_popup">
                        <span class="glyphicon glyphicon-backward"></span> {{{trans('admin/admin.back') }}}
                        </button>
                    </div>
                </div><!-- /.box-header -->
                <!-- form start -->
                <form role="form" method="post" autocomplete="off">
                    <input type="hidden" name="_token" value="{{{ csrf_token() }}}" />
                    <div class="box-body">
                        <div class="col-md-6">
                            <label for="in_time">IN Time</label>
                            <div class="input-group date">
                                <input class="form-control timepicker" placeholder="IN Time"  name="in_time" id="in_time" value="{{$attendance->in_time}}" required type="text">

                                <div class="input-group-addon">
                                  <i class="fa fa-clock-o" aria-hidden="true"></i>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <label for="out_time">OUT Time</label>
                            <div class="input-group date">
                                <input class="form-control timepicker" id="out_time" value="{{$attendance->out_time}}" placeholder="OUT Time" name="out_time" required type="text">

                                <div class="input-group-addon">
                                  <i class="fa fa-clock-o" aria-hidden="true"></i>
                                </div>
                            </div>
                        </div>
                         <div class="col-md-12">
                            <div class="form-group">
                                <label for="description">Remark</label>
                                <input type="text" class="form-control" tabindex="1" placeholder="Remark" name="remark" value="{{$attendance->remark}}" >
                            </div>
                        </div>
                       
                    </div><!-- /.box-body -->
                    
                    <div class="box-footer">
                        <button type="reset" class="btn btn-warning close_popup">
                            <span class="glyphicon glyphicon-ban-circle"></span> {{trans("admin/modal.cancel") }}
                        </button>
                        <button type="submit" class="btn btn-primary">
                            <span class="glyphicon glyphicon-ok-circle"></span>
                            Save
                        </button>
                    </div>
                </form>
                <br><br>
            </div><!-- /.box -->
        </div><!--/.col (left) -->
    </div>   <!-- /.row -->
</section>
@stop 

@section('styles')
   <link rel="stylesheet" type="text/css" href="/assets/plugins/timepicker/bootstrap-timepicker.css"/ >
@stop

@section('scripts')
<script src="/assets/plugins/timepicker/bootstrap-timepicker.js"></script>

<script type="text/javascript">
    $(document).ready(function() {
       $('.timepicker').timepicker({
        showInputs: false
       });
    });
</script>
@stop