@extends('layouts.app')

@section('content')
<div class="d-flex justify-content-between align-items-center flex-wrap grid-margin mb-3">
  <div>
    <h4 class="mb-0">New Time Group</h4>
    <div class="text-secondary small mt-1">Create a reusable schedule for Time Conditions.</div>
  </div>
  <div class="mt-2 mt-md-0">
    <a href="{{ route('applications.timegroups.index') }}" class="btn btn-outline-secondary btn-sm">Back</a>
  </div>
</div>

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

<div class="card">
  <div class="card-body">
    <form method="POST" action="{{ route('applications.timegroups.store') }}">
      @csrf
      <div class="row g-3">
        <div class="col-md-6">
          <label class="form-label">Name <span class="text-danger">*</span></label>
          <input name="name" value="{{ old('name') }}" class="form-control" required>
        </div>
        <div class="col-md-6">
          <label class="form-label">Description</label>
          <input name="description" value="{{ old('description') }}" class="form-control">
        </div>
        <div class="col-12 d-flex gap-2 mt-3">
          <button type="submit" class="btn btn-primary">Save</button>
          <a href="{{ route('applications.timegroups.index') }}" class="btn btn-outline-secondary">Cancel</a>
        </div>
      </div>
    </form>
  </div>
</div>
@endsection