@extends('admin.admin-layouts.master')

@section('content')

    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark">{{$title}}</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="#">{{__('Home')}}</a></li>
                        <li class="breadcrumb-item active">{{$title}}</li>
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->
    <div class="col-md-10" style="margin: 0 auto;">
        <div class="card card-success">
            <div class="card-header">
                <h3 class="card-title">{{__('Fill the form')}}</h3>
            </div>
            <!-- /.card-header -->
            <!-- form start -->
            <form action="{{route('admin.attendance.store.description')}}"  method="post" >
                @csrf
                <div class="card-body">

                    <input type="hidden" name="att_id" value="{{ $att->id }}">
                    <div class="d-flex" style="justify-content: space-around">
                        <div class="col-lg-6">
                            <span style="font-weight: bold" for="name">{{__('Date')}}</span>
                            <p>{{ $att->date }}</p>
                        </div>

                        <div class="col-lg-6">
                            <label style="font-weight: bold" for="name">{{__('User Name')}}</label>
                            <p>{{ $att->user->name }}</p>
                        </div>
                    </div>

                   <div class="d-flex" style="justify-content: space-around">
                        <div class="col-lg-6">
                            <label style="font-weight: bold" for="name">{{__('In Time')}}</label>
                            <p>{{ $att->timein }}</p>
                        </div>

                        <div class="col-lg-6">
                            <label style="font-weight: bold" for="name">{{__('Out Time')}}</label>
                            <p>{{ $att->timeout }}</p>
                        </div>
                   </div>

                   <div class="d-flex" style="justify-content: space-around">
                    <div class="col-lg-6">
                        <label style="font-weight: bold" for="name">{{__('Worked Hours')}}</label>
                        <p>{{ $att->workedhours }}</p>
                    </div>

                    <div class="col-lg-6">
                        <label style="font-weight: bold" for="name">{{__('Status (IN/OUT)')}}</label>
                        @if ($att->timein_status == 'late in')
                        <p>{{ $att->timein_status }}</p>

                    @else
                        <p>{{ $att->timein_status }}</p>

                        @endif / @if ($att->timeout_status == 'early out')
                            <p>{{ $att->timeout_status }}</p>

                        @else
                            <p>{{ $att->timeout_status }}</p>

                        @endif
                    </div>
               </div>


                    <div class="form-group">
                        <label for="name">{{__('Description')}}</label>
                        <textarea name="description" class="form-control" placeholder="Attendance Description from admin">{{ optional($att)->description }}</textarea>
                        @error('description')<i class="text-danger">{{$message}}</i>@enderror
                    </div>

                <div class="card-footer">
                    <button type="submit" class="btn btn-success">{{__('Submit')}}</button>
                </div>
                </div>
            </form>
        </div>
    </div>
    <!-- /.card -->
@endsection