@extends('frontend.layouts.master')
@section('title') {{$title}} @endsection
@section('content')
@php
    $banner_bg = "";
    if($banner != null){
        $banner_bg = 'style="background-image:url('.asset($banner->value).')"';
    }
@endphp

<section class="banner smallest-banner" {!!$banner_bg !!}>
    @include('frontend.partials.navbar')
    <div class="banner-content">
        <h1 class="text-capitalize" data-aos="fade-right">{{$title}}</h1>
    </div>
</section>

<section class="content">
    <div class="row">
        <div class="col-lg-6" data-aos="fade-up" data-aos-delay="400">
            @if($content != null)
            {!! $content->value !!}
            @endif
        </div>
        <div class="col-lg-6" data-aos="flip-left" data-aos-easing="ease-out-cubic" data-aos-duration="1000" data-aos-delay="400">
            {{-- <form action="{{route('submitContact')}}" method="post" class="contact-form">
                @csrf
                <div class="form-row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="name">Name <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" name="name" id="name" aria-describedby="first name" placeholder="e.g. John Doe" required>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="email">Email <span class="text-danger">*</span></label>
                            <input type="email" class="form-control" name="email" id="last_name" aria-describedby="email" placeholder="e.g. xyz@abc.com" required>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="phone">Contact No. </label>
                            <input type="tel" class="form-control" name="phone" id="phone" aria-describedby="contact number" placeholder="e.g. +123445678">
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="message">Message <span class="text-danger">*</span></label>
                            <textarea class="form-control" name="message" id="message" rows="5" required></textarea>
                        </div>
                    </div>
                </div>
                <button class="btn btn-white float-right">Send Message</button>
            </form> --}}
        </div>
    </div>

</section>

@endsection
@section('script')
<script>
  $(function () {

  });
</script>
@endsection