@extends('layouts.app')

@section('content')
<div class="container">
    <h2>Add New Equipment</h2>

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

    <form action="{{ route('equipments.store') }}" method="POST" enctype="multipart/form-data">
        @csrf

        <div class="mb-3">
            <label>Equipment Name <span class="text-danger">*</span></label>
            <input type="text" name="name" class="form-control" value="{{ old('name') }}" required>
        </div>

        <div class="mb-3">
            <label>Equipment Type <span class="text-danger">*</span></label>
            <select name="equipment_type_id" class="form-control" required>
                <option value="">Select Type</option>
                @foreach($equipmentTypes as $type)
                    <option value="{{ $type->id }}" {{ old('equipment_type_id') == $type->id ? 'selected' : '' }}>
                        {{ $type->name }}
                    </option>
                @endforeach
            </select>
        </div>

        <div class="mb-3">
            <label>Equipment Category <span class="text-danger">*</span></label>
            <select name="equipment_category_id" class="form-control" required>
                <option value="">Select Category</option>
                @foreach($equipmentCategories as $category)
                    <option value="{{ $category->id }}" {{ old('equipment_category_id') == $category->id ? 'selected' : '' }}>
                        {{ $category->name }}
                    </option>
                @endforeach
            </select>
        </div>

        <div class="mb-3">
            <label>Serial Number</label>
            <input type="text" name="serial_number" class="form-control" value="{{ old('serial_number') }}">
        </div>

        <div class="mb-3">
            <label>Purchase Date</label>
            <input type="date" name="purchase_date" class="form-control" value="{{ old('purchase_date') }}">
        </div>

        <div class="mb-3">
            <label>Hourly Rate ($) <span class="text-danger">*</span></label>
            <input type="number" name="hourly_rate" class="form-control" step="0.01" value="{{ old('hourly_rate') }}" required>
        </div>

        <div class="mb-3">
            <label>Status <span class="text-danger">*</span></label>
            <select name="status" class="form-control" required>
                <option value="Active" {{ old('status') == 'Active' ? 'selected' : '' }}>Active</option>
                <option value="Inactive" {{ old('status') == 'Inactive' ? 'selected' : '' }}>Inactive</option>
                <option value="Under Maintenance" {{ old('status') == 'Under Maintenance' ? 'selected' : '' }}>Under Maintenance</option>
            </select>
        </div>

        <div class="mb-3">
            <label>Location</label>
            <input type="text" name="location" class="form-control" value="{{ old('location') }}">
        </div>

        {{-- <div class="mb-3">
            <label>Equipment Image</label>
            <input type="file" name="equipment_image" class="form-control">
        </div> --}}

        <button type="submit" class="btn btn-success">Add Equipment</button>
        <a href="{{ route('equipments.index') }}" class="btn btn-secondary">Cancel</a>
    </form>
</div>
@endsection