@extends('layout')

@section('content')
    <div class="container py-5">
        @if (session('success'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                {{ session('success') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        @endif

        <div class="card shadow-sm border-0 rounded-4">
            <div class="card-body p-4 p-lg-5">

                <h1 class="mb-4 fw-bold ">@translate('contactPage', 'title')</h1>

                @if ($contactInfo)
                    <div class="mb-4">
                        <p class="mb-1"><i class="bi bi-envelope-fill me-2 "></i><strong>@translate('contactPage', 'email'):</strong>
                            {{ $contactInfo->email }}</p>
                        <p class="mb-1"><i class="bi bi-telephone-fill me-2 "></i><strong>@translate('contactPage', 'phone'):</strong>
                            {{ $contactInfo->phone }}, {{ $contactInfo->phone_2 }}</p>
                        <p><i class="bi bi-geo-alt-fill me-2 "></i><strong>@translate('contactPage', 'address'):</strong>
                            {{ strip_tags(str_replace(['<br>', '<br />', '<br/>'], ', ', $contactInfo->address)) }}</p>
                    </div>
                @else
                    <p class="text-muted">@translate('contactPage', 'no_contact_info')</p>
                @endif

                <form action="{{ $localeUrl }}/contact" method="POST" class="row g-3">
                    @csrf

                    <div class="col-md-6">
                        <label for="name" class="form-label">@translate('contactPage', 'name')</label>
                        <input type="text" name="name" id="name" class="form-control form-control-lg" required>
                        @error('name')
                            <small class="text-danger">{{ $message }}</small>
                        @enderror
                    </div>

                    <div class="col-md-6">
                        <label for="email" class="form-label">@translate('contactPage', 'email')</label>
                        <input type="email" name="email" id="email" class="form-control form-control-lg" required>
                        @error('email')
                            <small class="text-danger">{{ $message }}</small>
                        @enderror
                    </div>

                    <div class="col-12">
                        <label for="message" class="form-label">@translate('contactPage', 'message')</label>
                        <textarea name="message" id="message" class="form-control form-control-lg" rows="5" required></textarea>
                        @error('message')
                            <small class="text-danger">{{ $message }}</small>
                        @enderror
                    </div>

                    <div class="col-12">
                        <button type="submit" class="btn btn-primary btn-lg px-4">
                            @translate('contactPage', 'send_btn')
                        </button>
                    </div>
                </form>

            </div>
        </div>
    </div>
@endsection