@extends('public.layout')

@section('title','Contact — ' . (\App\Models\Setting::get('site.brand','Noesantara Law Firm')))

@section('content')
<section class="py-5">
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-lg-8">
        <h1 class="h3 mb-3">Get in Touch</h1>
        @if(session('success'))
          <div class="alert alert-success">{{ session('success') }}</div>
        @endif
        <form method="POST" action="{{ route('public.contact.submit') }}" class="row g-3">
          @csrf
          <input type="text" name="website" value="" style="display:none" tabindex="-1" autocomplete="off">
          <div class="col-md-6">
            <label class="form-label">Name</label>
            <input type="text" name="name" class="form-control" value="{{ old('name') }}" required>
          </div>
          <div class="col-md-6">
            <label class="form-label">Email</label>
            <input type="email" name="email" class="form-control" value="{{ old('email') }}">
          </div>
          <div class="col-md-6">
            <label class="form-label">Phone</label>
            <input type="text" name="phone" class="form-control" value="{{ old('phone') }}">
          </div>
          <div class="col-md-6">
            <label class="form-label">Subject</label>
            <input type="text" name="subject" class="form-control" value="{{ old('subject') }}">
          </div>
          <div class="col-12">
            <label class="form-label">Message</label>
            <textarea name="message" class="form-control" rows="5">{{ old('message') }}</textarea>
          </div>
          <div class="col-12 d-grid d-sm-block">
            <button class="btn btn-primary btn-lg">Send</button>
          </div>
        </form>
      </div>
      <div class="col-lg-4 mt-4 mt-lg-0">
        <div class="card">
          <div class="card-body">
            <h2 class="h6">Contact</h2>
            <div class="small text-muted">{{ \App\Models\Setting::get('contact.address','') }}</div>
            <div class="small mt-2">Email: <a href="mailto:{{ \App\Models\Setting::get('contact.email','') }}">{{ \App\Models\Setting::get('contact.email','') }}</a></div>
            <div class="small">Phone: {{ \App\Models\Setting::get('contact.phone','') }}</div>
            <div class="mt-3">
              <a class="me-2" href="{{ \App\Models\Setting::get('social.linkedin','#') }}" target="_blank" rel="noopener noreferrer">LinkedIn</a>
              <a class="me-2" href="{{ \App\Models\Setting::get('social.twitter','#') }}" target="_blank" rel="noopener noreferrer">Twitter</a>
              <a href="{{ \App\Models\Setting::get('social.facebook','#') }}" target="_blank" rel="noopener noreferrer">Facebook</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
@endsection