@extends('layouts.app')

@section('title', 'Create State')

@section('content')
<div class="container-fluid">
    <div class="card">
        <div class="card-header"><h3>Create State</h3></div>
        <div class="card-body">
            <form action="{{ route('states.store') }}" method="POST">
                @csrf
                <div class="mb-3">
                    <label class="form-label">Name</label>
                    <input type="text" name="name" class="form-control" required>
                </div>
                <div class="mb-3">
                    <label class="form-label">Country</label>
                    <select name="country_id" class="form-control" required>
                        @foreach(App\Models\Country::all() as $c)
                            <option value="{{ $c->id }}">{{ $c->name }}</option>
                        @endforeach
                    </select>
                </div>
                <button class="btn btn-primary">Create</button>
            </form>
        </div>
    </div>
</div>
@endsection