@extends('layouts.app')
@section('content')
<div class="px-6 py-4 max-w-3xl">
  <h1 class="text-2xl font-semibold mb-4">New Time Group</h1>
  <form method="POST" action="{{ route('applications.timegroups.store') }}" class="grid md:grid-cols-2 gap-4">
    @csrf
    <div>
      <label class="block text-sm font-medium">Name</label>
      <input name="name" class="mt-1 w-full border rounded p-2" required>
      @error('name')<p class="text-red-600 text-sm">{{ $message }}</p>@enderror
    </div>
    <div>
      <label class="block text-sm font-medium">Description</label>
      <input name="description" class="mt-1 w-full border rounded p-2">
    </div>
    <div class="md:col-span-2 pt-2">
      <button class="bg-indigo-600 text-white px-4 py-2 rounded">Save</button>
      <a href="{{ route('applications.timegroups.index') }}" class="ml-3 text-gray-600">Cancel</a>
    </div>
  </form>
</div>
@endsection