@extends('layouts.default')



@section('content')
    <div class="container">
        <h4 class="text-center font-weight-bold">Seasonal Calendar Entry</h4>
        <div class="row justify-content-center">
            <div class="col-md-10">
                <div class="card">
                    <div class="card-header font-weight-bold"></div>

                    <form action="{{route('seasonalcalendar.store')}}" method="POST">
                        @csrf

                    <div class="card-body">
                        @if (session('status'))
                            <div class="alert alert-success" role="alert">
                                {{ session('status') }}
                            </div>
                        @endif
                                                @include('includes.errors')


                        <div class="row">
                            <div style="background-color: #F7F7F7;" class="col-md-4">
                                <label for="station">Region:
                                    <select class="form-control" name="region_id">
                                        <option>--- Select Region --- </option>
                                        @foreach ($regions as $region)
                                            <option value="{{$region->id}}">
                                                {{$region->region_name}}
                                            </option>
                                        @endforeach
                                    </select></label>
                            </div>
                            <div style="background-color: #F7F7F7;" class="col-md-4">
                                <label for="station">Station:
                                    <select class="form-control" name="station_id">
                                        <option>--- Select Station --- </option>
                                        @foreach ($stations as $station)
                                            <option value="{{$station->id}}">
                                                {{$station->station_name}}
                                            </option>
                                        @endforeach
                                    </select>
                                </label>
                            </div>
                            <div style="background-color: #F7F7F7;" class="col-md-4">
                                <label for="station">Observer: <br>
                                    <input type="text" class="form-control" name="observer">
                                </label>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-4 mt-3">
                                <label for="station">Onset date:
                                    <input type="date" class="form-control" name="onset_date">
                                </label>
                            </div>
                            <div class="col-md-4">

                            </div>
                            <div class="col-md-4 mt-3">
                                <label for="Cessation date">Cessation date:
                                    <input type="date" class="form-control" name="cessation_date">
                                </label>
                            </div>
                        </div>

                        <section class="mt-3 text-center">
                            <hr>

                            <button class="btn btn-primary text-center">Submit</button>

                        </section>
                    </div>
                    <div class="card-footer">

                    </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection