@extends('dashboard.layouts.app')

@section('title', 'Tambah Data Drainase')

@section('content')
<div class="card">
    <div class="card-header">
        <h5 class="mb-0">Tambah Data Drainase</h5>
    </div>
    <div class="card-body">
        <form method="POST" action="{{ route('drainase.store') }}" enctype="multipart/form-data">
            @csrf
            <div class="row">
                <div class="col-md-6 mb-3">
                    <label class="form-label">Nama Saluran</label>
                    <input type="text" class="form-control @error('nama_saluran') is-invalid @enderror"
                        name="nama_saluran" value="{{ old('nama_saluran') }}">
                    @error('nama_saluran')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label">Tipe Saluran</label>
                    <select class="form-select @error('tipe_saluran') is-invalid @enderror" name="tipe_saluran">
                        <option value="">Pilih Tipe</option>
                        <option value="Primer" {{ old('tipe_saluran') == 'Primer' ? 'selected' : '' }}>Primer</option>
                        <option value="Sekunder" {{ old('tipe_saluran') == 'Sekunder' ? 'selected' : '' }}>Sekunder</option>
                        <option value="Tersier" {{ old('tipe_saluran') == 'Tersier' ? 'selected' : '' }}>Tersier</option>
                    </select>
                    @error('tipe_saluran')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <div class="col-md-4 mb-3">
                    <label class="form-label">Panjang (m)</label>
                    <input type="number" class="form-control @error('panjang') is-invalid @enderror"
                        name="panjang" value="{{ old('panjang') }}">
                    @error('panjang')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <div class="col-md-4 mb-3">
                    <label class="form-label">Lebar (m)</label>
                    <input type="number" class="form-control @error('lebar') is-invalid @enderror"
                        name="lebar" value="{{ old('lebar') }}">
                    @error('lebar')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <div class="col-md-4 mb-3">
                    <label class="form-label">Kedalaman (m)</label>
                    <input type="number" class="form-control @error('kedalaman') is-invalid @enderror"
                        name="kedalaman" value="{{ old('kedalaman') }}">
                    @error('kedalaman')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label">Kondisi</label>
                    <select class="form-select @error('kondisi') is-invalid @enderror" name="kondisi">
                        <option value="">Pilih Kondisi</option>
                        <option value="Baik" {{ old('kondisi') == 'Baik' ? 'selected' : '' }}>Baik</option>
                        <option value="Sedang" {{ old('kondisi') == 'Sedang' ? 'selected' : '' }}>Sedang</option>
                        <option value="Rusak" {{ old('kondisi') == 'Rusak' ? 'selected' : '' }}>Rusak</option>
                    </select>
                    @error('kondisi')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label">Tahun Pembangunan</label>
                    <input type="number" class="form-control @error('tahun_pembangunan') is-invalid @enderror"
                        name="tahun_pembangunan" value="{{ old('tahun_pembangunan') }}">
                    @error('tahun_pembangunan')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label">File GeoJSON</label>
                    <input type="file" class="form-control @error('geojson_file') is-invalid @enderror"
                        name="geojson_file" accept=".geojson,.json">
                    @error('geojson_file')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <div class="col-12 mb-3">
                    <label class="form-label">Keterangan</label>
                    <textarea class="form-control @error('keterangan') is-invalid @enderror"
                        name="keterangan" rows="3">{{ old('keterangan') }}</textarea>
                    @error('keterangan')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
            </div>
            <div class="d-flex justify-content-between">
                <a href="{{ route('drainase.index') }}" class="btn btn-secondary">Kembali</a>
                <button type="submit" class="btn btn-primary">Simpan</button>
            </div>
        </form>
    </div>
</div>
@endsection