@extends('dashboard.layouts.app')
@section('title', 'Crear File System')
@section('content')
<div style="max-width: 900px; margin: 0 auto;">
    <div style="margin-bottom: 2rem;"><a href="{{ route('file-systems.index') }}" style="padding: 1rem 2rem; background: #6c757d; color: white; text-decoration: none; border-radius: 0.5rem;"><i class="fas fa-arrow-left"></i> Volver</a></div>
    <div style="background: white; padding: 3rem; border-radius: 1rem;"><h2 style="font-size: 2.4rem; color: #043d13; margin-bottom: 2rem;"><i class="fas fa-folder"></i> Crear File System</h2>
        <form method="POST" action="{{ route('file-systems.store') }}">@csrf
            <div style="margin-bottom: 2rem;"><label style="display: block; font-size: 1.5rem; margin-bottom: 0.5rem;">Región *</label><select name="region" required style="width: 100%; padding: 1.5rem; font-size: 1.6rem; border: 1px solid #ccc; border-radius: 0.5rem;"><option value="">Selecciona una región</option>@foreach($regions as $region)<option value="{{ $region['id'] }}">{{ $region['city'] ?? $region['id'] }}</option>@endforeach</select></div>
            <div style="margin-bottom: 2rem;"><label style="display: block; font-size: 1.5rem; margin-bottom: 0.5rem;">Tamaño (GB) *</label><input type="number" name="size_gb" required min="10" max="10000" placeholder="10" style="width: 100%; padding: 1.5rem; font-size: 1.6rem; border: 1px solid #ccc; border-radius: 0.5rem;"></div>
            <div style="margin-bottom: 2rem;"><label style="display: block; font-size: 1.5rem; margin-bottom: 0.5rem;">Etiqueta (Opcional)</label><input type="text" name="label" placeholder="ej: Almacenamiento Producción" style="width: 100%; padding: 1.5rem; font-size: 1.6rem; border: 1px solid #ccc; border-radius: 0.5rem;"></div>
            <div style="display: flex; gap: 1rem; justify-content: flex-end;"><a href="{{ route('file-systems.index') }}" style="padding: 1.5rem 3rem; background: #6c757d; color: white; text-decoration: none; border-radius: 0.5rem;">Cancelar</a><button type="submit" style="padding: 1.5rem 3rem; background: linear-gradient(90deg, #043d13, #07941e); color: white; border: none; border-radius: 0.5rem; cursor: pointer; font-weight: 600;"><i class="fas fa-check"></i> Crear</button></div>
        </form>
    </div>
</div>
@endsection