@extends('layouts.base')

@section('content')
<br>
<div class="jumbotron text-center" id="jumbotron">
    <div class="no-print">
        <h4 id="month_name"></h4>
        <hr class="my-4">
        <div id="live_timer"></div>
        <hr class="my-4">
        <div>
            <a class="text-white" href="{{ route('user.enter') }}"><button class="btn btn-success">ثبت ورود</button></a>
            <button class="btn btn-danger" data-toggle="modal" data-target="#detail_modal"><a class="text-white">ثبت
                    خروج</a></button>
        </div>
        <hr class="my-4">


        @include('layouts.partials.notification')


    </div>

    @include('user.work_detail', ['data_today' => $data_today , 'total' => $total])


    <hr class="my-4">
    <div>
        <form action="{{ route('user.condition') }}" method="post">
            {{ csrf_field() }}
            <div class="form-group">
                <label for="condition">آخرین وضعیت</label>
                <input class="form-control text-center" onClick="this.select();" type="text" name="condition" value="{{ \Illuminate\Support\Facades\Auth::user()->condition }}">
                {{ isset($condition) ? $condition : "" }}
            </div>
            <button type="submit" class="btn btn-primary">ثبت</button>
        </form>
    </div>


    <div class="modal fade" id="detail_modal" tabindex="-1" role="dialog" aria-labelledby="detail_modalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <form action="{{ route('user.exit') }}" method="get">
                    {{ csrf_field() }}
                    <div class="modal-header">
                        <h5 class="modal-title" id="detail_modalLabel">توضیحات</h5>
                    </div>
                    <div class="modal-body">
                        <textarea name="detail" class="form-control" id="detail" cols="30" rows="10"></textarea>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">انصراف</button>
                        <button type="submit" class="btn btn-primary">ثبت</button>
                    </div>
                </form>
            </div>
        </div>
    </div>


</div>
@endsection

@section('scripts')
<script type="text/javascript" src="js/jalali-moment.js"></script>
<script type="text/javascript" src="js/enterexit.js"></script>
@endsection