@extends('layouts.main')

@section('content')
    <div class="card">
        <form class="form-horizontal" method="post" action="{{route('setting.hour.update')}}" name="hour_update_form" id="hour_update_form">
            <div class="row">
                <div class="mb-3 mt-3 col-3">
                    <div class="form-group">
                        <label for="first_name" class="">
                            Hours
                        </label>
                            @csrf
                            <div class="input-group mb-3">
                                <input type="text" class="form-control" id="hour_spent" placeholder="Enter Hours" name="hour_spent" value="{{ ((isset($hour_spent) && $hour_spent != '')) ? $hour_spent : 0 }}" class="form-control" readonly="">
                                <div class="input-group-append">
                                    <button class="btn btn-outline-secondary" type="button" id="edit_hour_spent_day"><i class="mdi mdi-pencil"></i></button>
                                    <button class="btn btn-outline-secondary" type="submit"  id="save_hour_spent_day"><i class="mdi mdi-content-save"></i></button>
                                </div>
                            </div>
                            @error('hour_spent')
                                <span class="error">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
@endsection

@section('javascript')
    <script type="text/javascript">
         $(function () {
            $("#save_hour_spent_day").css("display",'none');

            $('#edit_hour_spent_day').click(function(){
                $("#hour_spent").prop("readonly", false);
                $("#save_hour_spent_day").css("display", 'block');
            });
         });
    </script>
@endsection