@extends('admin.layouts.app')

@section('title')
    Holiday Add
@endsection

@section('container')
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header with-border">
                    <h3 class="card-title">Holiday Information</h3>
                </div>
                <!-- /.box-header -->
                <!-- form start -->
                <form class="form-horizontal" method="POST" action="{{ route('holiday.create') }}">
                    @csrf

                    <div class="card-body">
                        <div class="mb-2 row">
                            <div class="col-sm-4 form-group {{ $errors->has('title') ? 'has-error' :'' }}">
                                <label class="col-form-label">Title *</label>
                                <input type="text" class="form-control" placeholder="Enter Title"
                                       name="title" value="{{ old('title') }}">

                                @error('title')
                                <span class="help-block">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="col-sm-4 form-group ">
                                <label class="col-form-label">Start Date *</label>
                                <input type="date" class="form-control" placeholder="Enter Start Date"
                                       name="start_date" value="{{ old('start_date') }}">

                                @error('start_date')
                                <span class="help-block">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="col-sm-4 form-group ">
                                <label class="col-form-label">End Date *</label>
                                <input type="date" class="form-control" placeholder="Enter End Date"
                                       name="end_date" value="{{ old('end_date') }}">

                                @error('end_date')
                                <span class="help-block">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="col-sm-4 form-group">
                                <label class="col-form-label">Description</label>
                                <textarea name="description" class="form-control"></textarea>

                                @error('description')
                                <span class="help-block">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="col-sm-4 form-group">
                                <label class="col-form-label">Status *</label><br/>
                                <div class="radio" style="display: inline">
                                    <label>
                                        <input type="radio" name="status" value="1" {{ old('status') == '1' ? 'checked' : '' }}>
                                        Active
                                    </label>
                                </div>

                                <div class="radio" style="display: inline">
                                    <label>
                                        <input type="radio" name="status" value="0" {{ old('status') == '0' ? 'checked' : '' }}>
                                        Inactive
                                    </label>
                                </div>

                                @error('status')
                                <span class="help-block">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                    </div>
                    <!-- /.box-body -->

                    <div class="card-footer">
                        <button type="submit" class="btn btn-primary">Save</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection