@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-bg">
        <img src="{{ asset('images/pages/partner_page_bg.jpg') }}" alt="Partners">
    </div>

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

    <div class="container">

        <div class="partner-header">

            <h1>Partners</h1>

        </div>

        <div class="partner-card">

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

                <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 mb-4">
                        {{ 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"
                                        name="message"
                                        rows="5"
                                        placeholder="Your message"></textarea>
                            </div>

                            <button class="btn partner-btn">
                                Submit
                            </button>

                        </form>

                </div>

            </div>

        </div>

    </div>

</section>

@endsection


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