@extends('public.layout')
@section('title','Konsultasi Online — '.\App\Models\Setting::get('site.brand','Noesantara Law Firm'))
@section('content')
<div class="container py-5">
  <div class="row justify-content-center">
    <div class="col-lg-8">
      <h1 class="h3 mb-3">Konsultasi Online</h1>
      <p class="text-muted">Sampaikan permasalahan Anda dan tim pengacara kami akan memberikan tanggapan/advisori awal.</p>

      @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
      @endif

      <form action="{{ route('public.consultation.submit') }}" method="post" class="card shadow-sm">
        @csrf
        <div class="card-body">
          <div class="row g-3">
            <div class="col-md-6">
              <label class="form-label">Nama Lengkap<span class="text-danger">*</span></label>
              <input name="name" class="form-control @error('name') is-invalid @enderror" value="{{ old('name') }}" required maxlength="150"/>
              @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-6">
              <label class="form-label">Email<span class="text-danger">*</span></label>
              <input type="email" name="email" class="form-control @error('email') is-invalid @enderror" value="{{ old('email') }}" required maxlength="150"/>
              @error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-6">
              <label class="form-label">Telepon</label>
              <input name="phone" class="form-control @error('phone') is-invalid @enderror" value="{{ old('phone') }}" maxlength="50"/>
              @error('phone')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-6">
              <label class="form-label">Bidang Hukum</label>
              <select name="practice_area_id" class="form-select @error('practice_area_id') is-invalid @enderror">
                <option value="">— Pilih Salah Satu —</option>
                @foreach($practiceAreas as $pa)
                  <option value="{{ $pa->id }}" {{ old('practice_area_id')==$pa->id?'selected':'' }}>{{ $pa->name }}</option>
                @endforeach
              </select>
              @error('practice_area_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-12">
              <label class="form-label">Subjek</label>
              <input name="subject" class="form-control @error('subject') is-invalid @enderror" value="{{ old('subject') }}" maxlength="200"/>
              @error('subject')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-12">
              <label class="form-label">Uraikan Permasalahan<span class="text-danger">*</span></label>
              <textarea name="message" rows="8" class="form-control @error('message') is-invalid @enderror" required maxlength="8000">{{ old('message') }}</textarea>
              @error('message')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-12 d-none">
              <input type="text" name="website" tabindex="-1" autocomplete="off">
            </div>
            <div class="col-12 form-check">
              <input class="form-check-input @error('consent') is-invalid @enderror" type="checkbox" name="consent" id="consent" value="1" {{ old('consent')?'checked':'' }} required>
              <label class="form-check-label" for="consent">Saya setuju data ini diproses untuk keperluan konsultasi dan bukan merupakan hubungan klien-pengacara.</label>
              @error('consent')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
            </div>
          </div>
        </div>
        <div class="card-footer d-flex justify-content-end">
          <button class="btn btn-primary">Kirim Konsultasi</button>
        </div>
      </form>

      <div class="mt-4 small text-muted">Catatan: Tanggapan awal tidak menggantikan nasihat hukum resmi. Hubungan klien-pengacara baru terjalin setelah ada perjanjian tertulis.</div>
    </div>
  </div>
</div>
@endsection