@extends('frontend.layouts.app')
@section('meta_title', '??????? - ' . site_name())
@section('content')
<div class="container">
    <h2 class="fw-bold border-start border-danger border-4 ps-2 mb-4">???????</h2>
    <div class="row g-4">
        <div class="col-md-7">
            <div class="card border-0 shadow-sm"><div class="card-body">
                <form method="POST" action="{{ route('contact.submit') }}">@csrf
                    <div class="mb-3"><label class="form-label fw-semibold">???</label><input type="text" name="name" class="form-control @error('name') is-invalid @enderror" value="{{ old('name') }}" required>@error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror</div>
                    <div class="mb-3"><label class="form-label fw-semibold">?????</label><input type="email" name="email" class="form-control @error('email') is-invalid @enderror" value="{{ old('email') }}" required>@error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror</div>
                    <div class="mb-3"><label class="form-label fw-semibold">??????</label><textarea name="message" class="form-control @error('message') is-invalid @enderror" rows="5" required>{{ old('message') }}</textarea>@error('message')<div class="invalid-feedback">{{ $message }}</div>@enderror</div>
                    <button type="submit" class="btn btn-danger"><i class="bi bi-send"></i> ?????</button>
                </form>
            </div></div>
        </div>
        <div class="col-md-5">
            <div class="card border-0 shadow-sm mb-3"><div class="card-body">
                <h5 class="fw-bold mb-3">??????</h5>
                @if(site_setting()->address)<p><i class="bi bi-geo-alt text-danger"></i> {{ site_setting()->address }}</p>@endif
                @if(site_setting()->phone)<p><i class="bi bi-telephone text-danger"></i> {{ site_setting()->phone }}</p>@endif
                @if(site_setting()->email)<p><i class="bi bi-envelope text-danger"></i> {{ site_setting()->email }}</p>@endif
            </div></div>
        </div>
    </div>
</div>
@endsection