@extends('layouts.admin')

@section('title', 'Edit Battery Type - Pamtech')

@section('content')
<div class="min-h-screen bg-zinc-50">
    <div class="admin-header">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-5">
            <div class="flex justify-between items-center">
                <div>
                    <span class="label-tech text-zinc-500">Configuration</span>
                    <h1 class="text-xl font-bold text-white mt-1">Edit Battery Type</h1>
                    <p class="text-xs text-zinc-500 font-mono mt-0.5">{{ $batteryType->type }}</p>
                </div>
                <a href="{{ route('admin.dashboard') }}" class="inline-flex items-center px-4 py-2 text-sm font-medium rounded-md text-zinc-300 bg-zinc-800 border border-zinc-700 hover:bg-zinc-700 transition-colors">
                    <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path></svg>
                    Back to Console
                </a>
            </div>
        </div>
    </div>

    <div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
        <div class="hardware-card p-8">
            <form action="{{ route('admin.battery-types.update', $batteryType->type) }}" method="POST">
                @csrf
                @method('PATCH')

                <div class="mb-6">
                    <label class="form-label">Battery Type</label>
                    <input type="text" value="{{ $batteryType->type }}" disabled class="form-input bg-zinc-100 text-zinc-500 cursor-not-allowed">
                    <p class="mt-1 text-xs text-zinc-400 font-mono">Type identifier cannot be modified</p>
                </div>

                <div class="mb-6">
                    <label for="volts" class="form-label">Voltage <span class="text-pamtech-red">*</span></label>
                    <input type="text" id="volts" name="volts" value="{{ old('volts', $batteryType->volts) }}" required
                        class="form-input @error('volts') border-red-500 @enderror" placeholder="e.g., 12v">
                    @error('volts')<p class="mt-1 text-sm text-red-600">{{ $message }}</p>@enderror
                </div>

                <div class="mb-6">
                    <label for="amhs" class="form-label">Capacity (Ah) <span class="text-pamtech-red">*</span></label>
                    <input type="text" id="amhs" name="amhs" value="{{ old('amhs', $batteryType->amhs) }}" required
                        class="form-input @error('amhs') border-red-500 @enderror" placeholder="e.g., 75Ah">
                    @error('amhs')<p class="mt-1 text-sm text-red-600">{{ $message }}</p>@enderror
                </div>

                <div class="mb-6">
                    <label for="cca" class="form-label">CCA <span class="text-pamtech-red">*</span></label>
                    <input type="text" id="cca" name="cca" value="{{ old('cca', $batteryType->cca) }}" required
                        class="form-input @error('cca') border-red-500 @enderror" placeholder="e.g., CCA 25C">
                    @error('cca')<p class="mt-1 text-sm text-red-600">{{ $message }}</p>@enderror
                </div>

                <div class="mb-8">
                    <label for="class" class="form-label">Class <span class="text-pamtech-red">*</span></label>
                    <input type="text" id="class" name="class" value="{{ old('class', $batteryType->class) }}" required
                        class="form-input @error('class') border-red-500 @enderror" placeholder="e.g., Class A">
                    @error('class')<p class="mt-1 text-sm text-red-600">{{ $message }}</p>@enderror
                </div>

                <div class="mb-6 bg-yellow-50 border border-yellow-200 rounded-lg p-4">
                    <p class="text-sm font-medium text-yellow-800">Warning</p>
                    <p class="text-sm text-yellow-700 mt-1">
                        Updating these specifications will affect all <strong>{{ $batteryType->type }}</strong> units. This action cannot be undone.
                    </p>
                </div>

                <div class="flex items-center justify-end gap-3">
                    <a href="{{ route('admin.dashboard') }}" class="btn-secondary-light py-2.5 px-6 rounded-lg font-medium text-sm">Cancel</a>
                    <button type="submit" class="btn-primary py-2.5 px-6 text-sm">Update Specifications</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection