@extends('layouts.frontend.index')

@section('metas')
    <title>{{ $page->translation->title }} | {{ $settings_translate['home_meta_title']['value'] }}</title>
@endsection

@section('content')
    <div class="contact">
        {{ Breadcrumbs::render('info.index', $page, LaravelLocalization::getCurrentLocale()) }}

        <h1 class="title">{{ $page->translation->title }}</h1>
        <div class="row">
            <div class="col-md-6">
                <div class="text">
                    {!! $page->translation->text !!}
                </div>
            </div>
            <div id="form-back">
            </div>
            <div class="col-md-6">
                <div class="details">
                    <div class="detail detail-time">
                        <span><i class="fas fa-clock"></i>Работно време:</span>
                        <strong>{{ $settings['working_hours_short']['value'] }}</strong>
                    </div>
                    <div class="detail detail-phone">
                        <span><i class="fas fa-phone"></i>Тел:</span>
                        <a href="tel:{{ $settings['phone']['value'] }}"><strong>{{ $settings['phone']['value'] }}</strong></a>
                    </div>
                    <div class="detail detail-email">
                        <span><i class="fas fa-envelope"></i>Email:</span>
                        <a href="mailto:{{ $settings['email']['value'] }}"><strong>{{ $settings['email']['value'] }}</strong></a>
                    </div>
                    <div class="detail detail-facebook">
                        <a href="{{ $settings['facebook']['value'] }}" target="_blank">
                            <i class="fab fa-facebook-f"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="contact-form">
        <h2 class="title">Пишете ни</h2>
        <div class="form-wrapper">
            <form id="contact-form" action="{{ route('send') }}#form-back" method="post">
              @csrf
                <p class="help-text">Полетата отбелязани с <strong>*</strong> са задължителни!</p>
                <div class="row">
                    <div class="form-group col-md-6">
                        <label for="fname">Име <strong>*</strong></label>
                        <input type="text" class="form-control" id="fname" name="fname" value="{{ old('fname') }}">
                          @error ('fname')
                            <span class="text-danger">{{ $message }}</span>
                          @enderror
                    </div>

                    <div class="form-group col-md-6">
                        <label for="lname">Фамилия</label>
                        <input type="text" class="form-control" id="lname" name="lname" value="{{ old('fname') }}">
                    </div>

                    <div class="form-group col-md-6">
                        <label for="phone">Телефон <strong>*</strong></label>
                        <input type="tel" class="form-control" id="phone" name="phone" value="{{ old('phone') }}">
                        @error ('phone')
                          <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>

                    <div class="form-group col-md-6">
                        <label for="email">Email <strong class="color-dark-red">*</strong></label>
                        <input type="email" class="form-control" id="email" name="email" value="{{ old('email') }}">
                        @error ('email')
                          <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>
                </div>
                <div class="form-group">
                    <label for="message">Съобщение <strong>*</strong></label>
                    <textarea type="text" class="form-control" id="message" name="message">{{ old('message') }}</textarea>
                    @error ('message')
                      <span class="text-danger">{{ $message }}</span>
                    @enderror
                </div>
                <div class="form-group custom-check">
                    <input type="checkbox" class="cbx" name="terms" value="1" id="terms_check" {{ (old('terms')) ? 'checked' : '' }} style="display: none;">
                    <label for="terms_check" class="check">
                        <svg width="18px" height="18px" viewBox="0 0 18 18">
                            <path d="M1,9 L1,3.5 C1,2 2,1 3.5,1 L14.5,1 C16,1 17,2 17,3.5 L17,14.5 C17,16 16,17 14.5,17 L3.5,17 C2,17 1,16 1,14.5 L1,9 Z"></path>
                            <polyline points="1 9 7 14 15 4"></polyline>
                        </svg>
                        <span class="text-content">
                            Съгласен съм с <a href="{{ route('info.index', $pages->where('id', 21)->first()->translation->slug) }}">условията за ползване</a> и предоставяне на <a href="{{ route('info.index', $pages->where('id', 22)->first()->translation->slug) }}">лични данни</a> на този сайт. <strong class="color-dark-red">*</strong>
                        </span>
                    </label>
                </div>
                @error ('terms')
                  <span class="text-danger">{{ $message }}</span>
                @enderror
                <div class="form-group">
                    <button type="submit" class="btn">Изпрати</button>
                </div>
            </form>
        </div>
    </div>
@endsection