@extends('frontend.app')
@section('cssFiles')
    <style>
        .contact-section .contact-wrapper.style2 .contact-info .contract-details {
            background-color: #f5f5f4;
            border-radius: 20px;
            padding: 99px 50px;
        }
        .contact-section .contact-wrapper.style2 .contact-info .contract-details .content .content-item span{
            background: #e9e9e9;
        }
        .footer-section .footer-widgets-wrapper.style2 {
            padding: 80px 0 82px 0;
        }

    </style>
@endsection
@section('content')

    <!-- Breadcumb Section    S T A R T -->
    <div class="breadcumb">
        <div class="container">
            <div class="breadcumb-wrapper">

                <div class="page-heading">
                    <h1 class="wow fadeInUp" data-wow-delay=".3s">Bayilik Başvurusu</h1>
                    <ul class="breadcrumb-items wow fadeInUp" data-wow-delay=".5s">
                        <li>
                            <a href="{{url('/')}}">
                                Anasayfa
                            </a>
                        </li>
                        <li>
                            <i class="fas fa-chevron-right"></i>
                        </li>
                        <li>
                            <a href="#">
                                Kurumsal
                            </a>
                        </li>
                        <li>
                            <i class="fas fa-chevron-right"></i>
                        </li>
                        <li>
                            Bayilik Başvurusu
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!-- Contact Page  -->
    <div class="contact-section mt-4">
        <div class="contact-wrapper style2">
            <div class="container">
                <div class="contact-us padding-bottom120">
                    <div class="contact-left-items">
                        <div class="row gy-5">
                            <div class="col-xl-6">
                                <div class="thumb">
                                    <img src="/frontend/assets/images/about/e-faturaBasvuruForm.jpg" alt="img">
                                </div>
                            </div>

                            <div class="col-xl-6">

                                <div class="title-section mb-5">
                                    <div class="sub-title">4C Teknoloji Bayilik Başvuru Formu</div>
                                </div>
                                <div class="contact-content wow fadeInRight" data-wow-delay=".7s"
                                     style="visibility: visible; animation-delay: 0.7s; animation-name: fadeInRight;">
                                    <form action="#" id="contact-form" method="POST"
                                          class="contact-form-items">
                                        <div class="row">
                                            <div class="col-lg-6 wow fadeInUp" data-wow-delay=".3s"
                                                 style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
                                                <div class="form-clt">
                                                    <input type="text" name="companyname" id="companyname" placeholder=" Firma Adını Yazınız.">
                                                </div>
                                            </div>
                                            <div class="col-lg-6 wow fadeInUp" data-wow-delay=".3s"
                                                 style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
                                                <div class="form-clt">
                                                    <input type="text" name="name" id="surname" placeholder="Firma Yetkilisini Yazınız.">
                                                </div>
                                            </div>
                                            <div class="col-lg-6 wow fadeInUp" data-wow-delay=".3s"
                                                 style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
                                                <div class="form-clt">
                                                    <input type="text" name="name" id="email" placeholder="E-posta Asdresinzi Yazınız.">
                                                </div>
                                            </div>
                                            <div class="col-lg-6 wow fadeInUp" data-wow-delay=".3s"
                                                 style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
                                                <div class="form-clt paper-plane">
                                                    <input type="text" name="name" id="phone"
                                                           placeholder="0(5__)_______">
                                                </div>
                                            </div>
                                            <div class="col-lg-12 wow fadeInUp" data-wow-delay=".3s"
                                                 style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
                                                <div class="form-clt paper-plane">
                                                    <input type="text" name="city" id="city"
                                                           placeholder="İl/ İlçe Bilgisini Yazınız.">
                                                </div>
                                            </div>
                                            <div class="col-lg-12 wow fadeInUp" data-wow-delay=".7s"
                                                 style="visibility: visible; animation-delay: 0.7s; animation-name: fadeInUp;">
                                                <div class="form-clt envelope">
                                                    <textarea name="message" id="message"
                                                              placeholder="Mesajınızı Yazınız. "></textarea>
                                                </div>
                                            </div>
                                            <div class="btn-wrapper">
                                                <button class="gt-btn style1 d-block text-center gt-btn-icon-1">Gönder
                                                </button>
                                            </div>
                                        </div>
                                    </form>
                                </div>

                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection