@extends('layouts.app')
@section('title', 'Events')
@section('main')
<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
    <h1 class="h2">Events</h1>
    <div class="btn-toolbar mb-2 mb-md-0">
        {{-- <div class="btn-group me-2">
            <button type="button" class="btn btn-sm btn-outline-secondary">Share</button>
            <button type="button" class="btn btn-sm btn-outline-secondary">Export</button>
        </div> --}}
        <a type="button" href="{{route('Event.index')}}" class="btn btn-sm btn-outline-primary">
            <i class="bi bi-arrow-left"></i>
            Back to events
        </a>
    </div>
</div>


<form action="{{route('Event.store')}}" method="POST">
    <div class="card">
        <div class="card-body d-flex justify-content-between">
            <h2 class="h3">Create</h2>
            {{-- <a href="{{route('Event.index')}}" class="btn btn-primary">
                <i class="bi bi-arrow-left"></i>
                List
            </a> --}}
        </div>
        <div class="card-body">
            @csrf
            <div class="row">
                <div class="col-lg-4 form-group">
                    <label for="txtTitle">Title</label>
                    <input type="text" name="title" id="txtTitle" class="form-control @error('title') is-invalid  @enderror" value="{{ old('title') }}"/>
                    @error('title')<div class="invalid-feedback"> {{$message}} </div>@enderror
                </div>
                <div class="col-lg-4 form-group">
                    <label for="txtSubTitle">Sub Title</label>
                    <input type="text" name="subtitle" id="txtSubTitle" class="form-control @error('subtitle') is-invalid  @enderror"  value="{{ old('subtitle') }}"/>
                    @error('subtitle')<div class="invalid-feedback"> {{$message}} </div>@enderror
                </div>
                <div class="col-lg-4 form-group">
                    <label for="txtLocation">Location</label>
                    <textarea type="text" name="location" id="txtLocation" class="form-control @error('location') is-invalid  @enderror" >{{ old('location') }}</textarea>
                     @error('location')<div class="invalid-feedback"> {{$message}} </div>@enderror
                </div>
                <div class="col-lg-4 form-group">
                    <label for="txtDescription">Description</label>
                    <textarea type="text" name="description" id="txtDescription" class="form-control @error('descrition') is-invalid  @enderror">{{ old('descrition') }}</textarea>
                     @error('description')<div class="invalid-feedback"> {{$message}} </div>@enderror
                </div>
                <div class="col-lg-4 form-group p-3">
                    <div class="form-check form-switch">
                        <input class="form-check-input" type="checkbox" role="switch" id="cbActive" checked name="active"  value="true">
                        <label class="form-check-label" for="cbActive">Active</label>
                    </div>
                </div>
            </div>
        </div>
        <div class="card-footer">
            <div class="d-flex justify-content-end gap-2">
                <button class="btn btn-secondary" type="reset"><i class="bi bi-arrow-clockwise"></i> Reset</button>
                <button class="btn btn-primary" type="submit"><i class="bi bi-floppy"></i> Save</button>
            </div>
        </div>
    </div>

</form>
@endsection