@extends('layouts.master')
@section('content')
    <div class="card">
        <div class="card-header">Edit Shift</div>
        @if ($errors->any())
            <div class="alert alert-danger">
                <ul class="m-0">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        <div class="card-body">
            <form method="POST" action="{{route('shifts.update',$shift->id)}}">
                @csrf
                @method('PUT')

                <div class="form-group row">
                    <label for="shift_name" class="col-md-4 col-form-label text-md-right">Shift Name</label>
                    <div class="col-md-6">
                        <input id="shift_name" type="text" class="form-control @error('shift_name') is-invalid @enderror" name="shift_name" value="{{$shift->shift_name}}"  autocomplete="shift_name" autofocus>
                        @error('shift_name')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                </div>

                <div class="form-group row">
                    <label for="start_time" class="col-md-4 col-form-label text-md-right">Start Time</label>
                    <div class="col-md-6">
                        <input id="start_time" type="time" class="form-control @error('start_time') is-invalid @enderror" name="start_time" value="{{$shift->start_time}}" required autocomplete="start_time" autofocus>
                        @error('start_time')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                </div>

                <div class="form-group row">
                    <label for="end_time" class="col-md-4 col-form-label text-md-right">End Time</label>
                    <div class="col-md-6">
                        <input id="end_time" type="time" class="form-control @error('end_time') is-invalid @enderror" name="end_time" value="{{$shift->end_time}}" required autocomplete="end_time" autofocus>
                        @error('end_time')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                </div>

                <!-- Add more form fields as needed -->
                <div class="form-group row mb-0">
                    <div class="col-md-6 offset-md-4">
                        <button type="submit" class="btn btn-primary">
                            Update Shift
                        </button>
                        <a href="{{ route('shifts.index') }}" class="btn btn-secondary">Cancel</a>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection