@extends('layouts.front-layout')
@section('title') Contact @endsection
@section('content')
<!-- Begin: Main Slider -->
<div class="innerBan">
    <img src="{{ pagesSingleImage('Contact', 'top_banner_image') }}  " class="w-100" alt="">
    <div class="overlay">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-12">
                    <h2>{{ $pageData['Contact']['top_banner_title'] ?? '' }}</h2>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End: Main Slider -->



<section class="contact">
    <div class="container">
        <h2>{{ $pageData['Contact']['heading'] ?? '' }}</h2>
        <div class="row align-items-start">
            <div class="col-md-8">
                <form class="contact-form" action="{{route('contact.submit')}}" method="post" enctype="multipart/form-data">
                    @csrf
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="">Your Details*</label>
                                <input type="email" class="form-control" name="email" placeholder="Email">
                                <small class='text-danger'>@error ('email') {{$message}} @enderror</small>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="">Type*</label> <br>

                                <select name="type" id="cars" class="form-control">
                                    <option  value="Delivery information required">Delivery information required</option>
                                    <option  value="Cancel / Amend my order">Cancel / Amend my order</option>
                                    <option  value="Email confirmation not received">Email confirmation not received</option>
                                    <option  value="Missing / Incorrect item">Missing / Incorrect item</option>
                                    <option  value="Lost shipment">Lost shipment</option>
                                    <option  value="Damaged Item received">Damaged Item received</option>
                                    <option  value="Return label required">Return label required</option>
                                    <option  value="Product Information">Product Information</option>
                                    <option  value="PR / Media Request">PR / Media Request</option>
                                    <option  value="General question">General question</option>
                                    <option  value="Retail information required">Retail information required</option>
                                    <option  value="Pricing Query">Pricing Query</option>
                                </select>
                                <small class='text-danger'>@error ('subject') {{$message}} @enderror</small>

                            </div>
                        </div>
                       
                       <div class="col-md-12">
                            <div class="form-group">
                                <label for="">Order No</label>
                                <input type="text" class="form-control"  name="order_no">
                                <small class='text-danger'>@error ('order_no') {{$message}} @enderror</small>

                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="">Description</label>
                                <textarea class="form-control" placeholder="" name="message"></textarea>
                                <small class='text-danger'>@error ('message') {{$message}} @enderror</small>
                               
                             
                            </div>
                            <div>
                                    <input type="file" name="attachment" class="form-control">
                                </div>
                                   <button class="send-btn"> Send message</button>
                             
                        </div>
                    </div>
                </form>
            </div>
            <div class="col-md-4">
                <div class="contact-content">
                    <h2>{{ $pageData['Contact']['sub_heading'] ?? '' }}</h2>
                    {!!$pageData['Contact']['description'] ?? ''!!}
                    <a href="#">Worcester MA</a>
                    <a href="#">info@Kaleiim.com</a>
                    <a href="#">025 1234 5678 – 025 1234 5779</a>
                </div>
            </div>
        </div>
        <!-- <div class="contact-map">
            <iframe loading="lazy"
                src="{{ $pageData['Contact']['map_link'] ?? '' }}"
                title="London Eye, London, United Kingdom"
                aria-label="London Eye, London, United Kingdom" style="width: 100%;height: 300px;"></iframe>

        </div> -->
    </div>
</section>
@endsection