<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title> OilGen Limited - Home</title>

    {% include 'includes/import-top.html' %}
    <style>
        .hidden{
            display: none;
        }
    </style>
</head>

<body>

    {% include 'includes/header.html' %}
    <div class="breadcroumb-area bread-bg"
        style="background-image: url({{url_for('static', filename='assets/img/bread-bg.jpg')}});">
        <div class="container pt-5">
            <div class="row">
                <div class="col-lg-12">
                    <div class="breadcroumb-title">
                        <h1>Parter with Us Today</h1>
                        <h6><a href="{{url_for('index')}}">Home</a> <i class="far fa-dot-circle"></i> Parter Today</h6>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="about-area section-padding">
        <div class="container">
            <div class="about-content-wrapper wow fadeInUp" data-wow-delay=".4s">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="wow fadeInUp" data-wow-delay=".2s">
                            <div class="about-img">
                                <img src="{{url_for('static', filename='assets/img/service/handshake.jpg')}}" alt>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="section-title">
                            <h6>Partner</h6>
                            <h2 class="section-heading">Partner with Us</h2>
                        </div>
                        <div>
                            <form method="post" id="request-form">
                                <div class="row">
                                    <div class="col-lg-6 col-md-6 col-12">
                                        <input type="text" name="name" placeholder="Your Name" required>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-12">
                                        <input type="tel" name="phone" placeholder="Your Phone Number" required>
                                    </div>
                                    <div class="col-lg-12 col-md-6 col-12">
                                        <input type="email" name="email" placeholder="E-mail" required>
                                    </div>
                                    <div class="col-lg-12">
                                        <input type="text" name="subject" placeholder="Subject" required>
                                    </div>
                                    <div class="col-lg-12">
                                        <textarea name="message" id="message" cols="30" rows="10"
                                            placeholder="Write Message" required></textarea>
                                    </div>
                                    <div class="col-lg-12 col-md-6 col-12 text-center">
                                        <button type="submit" form="request-form" class="main-btn"><i class="fa fa-spinner fa-spin fa-fw hidden" aria-hidden="true"></i> Send Your
                                            Request</button>
                                    </div>
                                </div>
                            </form>
                            <div class="col-md-12 my-2">
                                <div class="form-messege text-success text-center"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {% include 'parts/home/clients.html' %}
    {% include 'includes/footer.html' %}
    {% include 'includes/import-bottom.html' %}
    <script>
        
        var $requestForm = $('#request-form');

        $requestForm.on('submit', function (ev) {
            $('.fa-spinner').removeClass('hidden');
            ev.preventDefault();

            $.ajax({
                url: "{{url_for('partner')}}",
                type: 'POST',
                data: $requestForm.serialize(),
                success: function (msg) {
                    $('.fa-spinner').addClass('hidden');
                    $('.form-messege').html(msg.message);
                    //alert(msg.message);
                },
                error: function () {
                    alert("Bad submit");
                }
            });
        });
    </script>

</body>

</html>