@extends('layouts.app')

@section('title', 'Partner | ' . config('app.name'))

@push('styles')
    @vite('resources/css/pages/partner.css')
@endpush

@section('content')
<section class="partner-hero">

    <div class="partner-video">

        <video autoplay muted loop playsinline preload="auto">

            <source src="https://campaign.securelinkme.net/securex360/header/partner_video.mp4?time=0" type="video/mp4">

        </video>

    </div>

    <!-- <div class="partner-overlay"></div> -->

    <div class="partner-heading">

        <div class="container">

            <h1>Partners</h1>

        </div>

    </div>

</section>

 


<section class="partner-form-section">

    <div class="container">

        <div class="partner-card">

            <div class="row align-items-center g-5">

                <div class="col-lg-5">

                    <div class="partner-content">

                        <h2>

                            Become a

                            <span>Technology Partner</span>

                        </h2>

                        <p>

                            Collaborate with us to deliver cutting-edge
                            cybersecurity solutions and drive innovation.
                            Submit the form below to explore partnership
                            opportunities.

                        </p>

                    </div>

                </div>


                <div class="col-lg-7">

                    @if(session('success'))

                        <div class="alert alert-success">

                            {{ session('success') }}

                        </div>

                    @endif


                    <form class="partner-form"
                          method="POST"
                          action="{{ route('partner.submit') }}">

                        @csrf

                        <div class="mb-3">

                            <input type="text"
                                   name="company"
                                   class="form-control"
                                   placeholder="Company name*"
                                   required>

                        </div>

                        <div class="mb-3">

                            <input type="text"
                                   name="name"
                                   class="form-control"
                                   placeholder="Your name*"
                                   required>

                        </div>

                        <div class="mb-3">

                            <input type="email"
                                   name="email"
                                   class="form-control"
                                   placeholder="Your email address*"
                                   required>

                        </div>

                        <div class="mb-3">

                            <input type="text"
                                   name="phone"
                                   class="form-control"
                                   placeholder="Your phone*"
                                   required>

                        </div>

                        <div class="mb-4">

                            <textarea
                                    class="form-control"
                                    rows="5"
                                    name="message"
                                    placeholder="Your message"></textarea>

                        </div>

                        <button class="btn-demo">

                            Submit

                        </button>

                    </form>

                </div>

            </div>

        </div>

    </div>

</section>

@endsection


@push('scripts')
    @vite('resources/js/partner.js')
@endpush