@extends('layouts.app')

@section('content')
<div style="margin-top: 2rem;">
    <h1>Add New Company</h1>

    <div class="card" style="max-width: 500px; margin-top: 1rem;">
        <form action="{{ route('companies.store') }}" method="POST">
            @csrf
            <div style="margin-bottom: 1.5rem;">
                <label for="name" style="display:block; font-weight:bold; margin-bottom:0.5rem;">Company Name</label>
                <input type="text" name="name" id="name" required style="width: 100%; padding: 0.5rem; border: 1px solid #D1D5DB; border-radius: 0.375rem;">
                @error('name')
                    <p style="color: red; font-size: 0.875rem; margin-top: 0.25rem;">{{ $message }}</p>
                @enderror
            </div>

            <button type="submit" class="btn">Add Company</button>
            <a href="{{ route('companies.index') }}" style="margin-left: 1rem; color: gray; text-decoration: none;">Cancel</a>
        </form>
    </div>
</div>
@endsection