@extends('layouts.site.master')
@section('content')
    <div class="container">
        <header class="p-2 pt-md-2 pt-0 mt-md-4 mt-0">
            <h1 class="extra-bold mb-2 dark-gray font-30">
                {{--            تماس با <span class="mint-green">الوادز</span>--}}
                {{$setting->getSetting('contact_title')}}
                {{--           TODO: kasra_fix --}}
            </h1>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb mb-0">
                    <li class="breadcrumb-item">
                        <a class="choral-filter font-14" href="{{route('site.home')}}">
                            <img width="12" src="{{asset('assets/site/img/bread-home.svg')}}" alt="">
                            خانه
                        </a>
                    </li>
                    <li class="breadcrumb-item active mint-green font-14" aria-current="page">
                        {{$setting->getSetting('contact_title')}}
                    </li>
                </ol>
            </nav>
        </header>
        <section>
            <div class="row m-0 w-100">
                <div class="col-md-6 col-12 p-2">
                    <div class="p-3 shadow-sm bg-white main-radius font-18">
                        <p class="bold side-title position-relative max-w">
                            مشخصات تماس
                        </p>
                        @if($setting->getSetting('address_one'))
                            {{--     TODO: ahora_fix map url link - age map nadarim removesh kon--}}
                            <a class="d-flex align-items-center gap-2 pt-3">
                                <i class="bi bi-geo-alt-fill fs-3 mint-green d-flex"></i>
                                <div>
                                    <p class="m-0 font-13 mint-green semi">
                                        آدرس
                                    </p>
                                    <p class="light-gray font-13 m-0">
                                        {{$setting->getSetting('address_one')}}
                                    </p>
                                </div>
                            </a>
                        @endif
                        @if($setting->getSetting('mobile_one'))
                            <a class="d-flex align-items-center gap-2 pt-3"
                               href="tel:{{$setting->getSetting('mobile_one')}}">
                                <i class="bi bi-phone-fill fs-3 mint-green d-flex"></i>
                                <div>
                                    <p class="m-0 font-13 mint-green semi">
                                        شماره تماس
                                    </p>
                                    <p class="light-gray font-13 m-0">
                                        {{$setting->getSetting('mobile_one')}}
                                    </p>
                                </div>
                            </a>
                        @endif
                        @if($setting->getSetting('phone_one'))
                            <a class="d-flex align-items-center gap-2 pt-3"
                               href="tel:{{$setting->getSetting('phone_one')}}">
                                <img class="g-f" width="25"
                                     src="https://jdsl.jdsharif.ac.ir/assets/site/img/masir-2.svg">
                                <div>
                                    <p class="m-0 font-13 mint-green semi">
                                        تلفن ثابت
                                    </p>
                                    <p class="light-gray font-13 m-0">
                                        {{$setting->getSetting('phone_one')}}
                                    </p>
                                </div>
                            </a>
                        @endif
                        @if($setting->getSetting('email_one'))
                            <a class="d-flex align-items-center gap-2 pt-3"
                               href="mailto:{{$setting->getSetting('email_one')}}">
                                <i class="bi bi-envelope-fill fs-3 mint-green d-flex"></i>
                                <div>
                                    <p class="m-0 font-13 mint-green semi">
                                        ایمیل
                                    </p>
                                    <p class="light-gray font-13 m-0">
                                        {{$setting->getSetting('email_one')}}
                                    </p>
                                </div>
                            </a>
                        @endif
                        @if($setting->getSetting('contact_description'))
                            <p class="font-13 light-gray lh-lg mt-3 bg-body p-2 mb-0 main-radius">
                                {{$setting->getSetting('contact_description')}}
                            </p>
                        @endif
                    </div>
                </div>
                <div class="col-md-6 col-12 p-2">
                    <div class="p-2 shadow-sm bg-white main-radius font-18">
                        <div class="p-2">
                            <p class="bold side-title position-relative max-w">
                                فرم ارتباط با ما
                            </p>
                        </div>
                        <form method="post" action="{{route('site.contact.post')}}">
                            @csrf
                            <div class="row m-0 w-100">
                                <div class="col-sm-6 col-12 p-2">
                                    <label class="text-start w-100 font-14 mb-1 dark-gray light">
                                        نام و نام خانوادگی
                                    </label>
                                    <div class="position-relative">
                                        <input name="name" class="w-100 main-radius border login-input font-13"
                                               placeholder="مثلا: رضا علیمرادی" type="text">
                                    </div>
                                </div>
                                <div class="col-sm-6 col-12 p-2">
                                    <label class="text-start w-100 font-14 mb-1 dark-gray light">
                                        تلفن تماس
                                    </label>
                                    <div class="position-relative">
                                        <input oninput="numberFormat()" name="mobile" dir="ltr" class="w-100 main-radius border login-input font-13"
                                               placeholder="۰۹۱۲۰۰۰۰۰۰۰" type="text">
                                    </div>
                                </div>
                                <div class="col-12 p-2">
                                    <label class="text-start w-100 font-14 mb-1 dark-gray light">
                                        توضیحات
                                    </label>
                                    <textarea name="message" placeholder="نوشتن توضیحات..."  rows="3"
                                              class="w-100 main-radius border login-input font-13" id=""></textarea>
                                </div>
                                <div class="col-12 p-2 pt-0 ms-auto">
                                    <button class="first-page-btn-component w-100 d-flex justify-content-center py-2 font-14 text-white main-radius btn-dark-gray"
                                    type="submit">
                                        ثبت و ارسال
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection

@push('scripts')
    <script>

    </script>
@endpush