@extends('layouts.admin')
@section('title', 'Add Garment Type')
@section('page-title', 'Add Garment Type')
@section('content')
<div class="max-w-2xl">
    <form method="POST" action="{{ route('garment-types.store') }}" class="space-y-6 rounded-xl border border-slate-200 bg-white p-6 shadow-sm">
        @csrf
        <div class="grid gap-6 sm:grid-cols-2">
            <div class="sm:col-span-2">
                <label for="name" class="block text-sm font-medium text-slate-700">Name</label>
                <input type="text" name="name" id="name" value="{{ old('name') }}" required class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm sm:text-sm">
            </div>
            <div>
                <label for="code" class="block text-sm font-medium text-slate-700">Code</label>
                <input type="text" name="code" id="code" value="{{ old('code') }}" required class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm sm:text-sm">
            </div>
            <div>
                <label for="garment_category_id" class="block text-sm font-medium text-slate-700">Category</label>
                <select name="garment_category_id" id="garment_category_id" required class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm sm:text-sm">
                    <option value="">Select</option>
                    @foreach($categories as $cat)
                    <option value="{{ $cat->id }}">{{ $cat->name }}</option>
                    @endforeach
                </select>
            </div>
            <div>
                <label for="base_price" class="block text-sm font-medium text-slate-700">Base price</label>
                <input type="number" name="base_price" id="base_price" value="{{ old('base_price', 0) }}" step="0.01" min="0" required class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm sm:text-sm">
            </div>
            <div>
                <label for="estimated_days" class="block text-sm font-medium text-slate-700">Estimated days</label>
                <input type="number" name="estimated_days" id="estimated_days" value="{{ old('estimated_days') }}" min="0" class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm sm:text-sm">
            </div>
            <div>
                <label for="status" class="block text-sm font-medium text-slate-700">Status</label>
                <select name="status" id="status" class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm sm:text-sm">
                    <option value="active">Active</option>
                    <option value="inactive">Inactive</option>
                </select>
            </div>
            <div class="sm:col-span-2">
                <label for="description" class="block text-sm font-medium text-slate-700">Description</label>
                <textarea name="description" id="description" rows="3" class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm sm:text-sm">{{ old('description') }}</textarea>
            </div>
        </div>
        <div class="flex gap-3">
            <button type="submit" class="rounded-lg bg-slate-800 px-4 py-2 text-sm font-medium text-white">Create</button>
            <a href="{{ route('garment-types.index') }}" class="rounded-lg border border-slate-300 px-4 py-2 text-sm font-medium text-slate-700">Cancel</a>
        </div>
    </form>
</div>
@endsection