@extends('layouts.appv2')

@section('content')


                            {{-- table index start --}}
                            <!-- <div class="col-sm-12"> -->
                                <div class="card"  style="border-radius: 20px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);">
                                    <div class="card-header">
                                        <div class="d-flex justify-content-between align-items-center mb-0">
                                            <h5>Add Working Hours</h5>

                                            <div class="btn-toolbar mb-2 mb-md-0">
                                                <a href="{{ route('admins.workinghourslist')}}" class="btn btn-sm btn-secondary mt-1 mb-1" style="width:70px; text-align: center; border-radius: 50px;">Back</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-body">

                                        @if ($message = Session::get('success'))
                                            <div class="alert alert-success" role="alert">
                                                {{ $message }}
                                            </div>
                                        @endif

                                        @if ($message = Session::get('error'))
                                            <div class="alert alert-danger" role="alert">
                                                {{ $message }}
                                            </div>
                                        @endif

                                        @if ($errors->any())
                                            <div class="alert alert-danger" role="alert">
                                                <ul>
                                                    @foreach ($errors->all() as $error)
                                                        <li>{{ $error }}</li>
                                                    @endforeach
                                                </ul>
                                            </div>
                                        @endif


                                        {{-- --------------------------------------------------------------------------- --}}
                                        <form action="{{ route('admins.storeworkinghoursadd')}}" method="POST">
                                            @csrf
                                            <div class="form-col">


                                                <div class="form-group col-md-6">
                                                    <label for="name">Time Schedule Name</label>
                                                    <input type="text" name="time_schedule_name" class="form-control"
                                                        id="name" placeholder="Name"
                                                        value="">
                                                </div>


                                                <div class="form-row ">
                                                    
                                                    <div class="row-sm-1 m-3">

                                                        <label for="time_schedule_start">Start Time</label>
                                                            <input value="" type="time" class="form-control form-control-sm" id="time_schedule_start" name="time_schedule_start" placeholder="" required>
                                                            <small class="form-text text-muted">
                                                                E.g: 08:30
                                                            </small>
                                                    </div>

                                                    <div class="row-sm-1 m-3">
                                                        
                                                        <label for="time_schedule_end">End Time</label>
                                                            <input value="" type="time" class="form-control form-control-sm" id="time_schedule_end" name="time_schedule_end" placeholder="" required>
                                                            <small class="form-text text-muted">
                                                                E.g: 17:30
                                                            </small>
                                                    </div>
                                                    
                                                </div>

                                                <div class="form-group row-sm-6 m-3 ">
                                                    <label for="status">Schedule For Flexible Time</label>
                                                    <select name="time_schedule_flex" class="form-control"
                                                        id="status">
                                                        <option value="">Select Status</option>
                                                        <option value="1">Yes</option>
                                                        <option value="0">No</option>
                                                    </select>
                                                    <small class="form-text text-muted">
                                                    If YES, This time schedule will be used for Flexible Time list
                                                    </small>
                                                </div>

                                            </div>


                                            <hr>
                                            <button type="submit" class="btn btn-primary">Add Confirm</button>

                                            
                                        </form>


                                        {{-------------------- --}}
                                    </div>
                                </div>
                            </div>
                            {{-- table index end --}}
             
@endsection