@extends('frontend.layouts.frontend')

@section('metaTitle', 'Employee Financing Cooperation Form')
@section('metaDescription', 'Employee Financing Cooperation Form')
@section('metaKeywords', 'Employee Financing Cooperation Form')

@section('content')
    <section id="form-content">

        <div class="default-banner-section">
            <div class="container">
                <h3 class="title">Pengajuan Kerjasama Pembiayaan Pegawai</h3>
            </div>
        </div>


        <div class="container">
            <div class="col-md-10 offset-md-1">
                <div class="form-wrapper">
                    <h4 class="title">Daftarkan perusahaan Anda untuk menjadi rekanan Duha Syariah dengan mengisi formulir berikut</h4>

                    <form method="POST" action="{!! route('submitCooperationForm') !!}" data-validate="true">
                        <div class="form-row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label">Nama Perusahaan</label>
                                    <input type="text" class="form-control" placeholder="Nama Perusahaan..." name="companyName" data-validation="required">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label">No. Telepon Perusahaan</label>
                                    <input type="text" class="form-control" placeholder="Nomor Perusahaan..." name="companyPhone" data-validation="required number">
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="form-label">Alamat Perusahaan</label>
                            <textarea rows="5" class="form-control" placeholder="Alamat Perusahaan..." name="companyAddress" data-validation="required"></textarea>
                        </div>

                        <div class="form-row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label">Nama Perwakilan Perusahaan</label>
                                    <input type="text" class="form-control" placeholder="Nama Perwakilan Perusahaan..." name="picName" data-validation="required">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label">No. Telepon Perwakilan Perusahaan</label>
                                    <input type="text" class="form-control" placeholder="Nomor Telepon..." name="picPhone" data-validation="required number">
                                </div>
                            </div>
                        </div>

                        <div class="form-row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label">Email Perwakilan Perusahaan</label>
                                    <input type="text" class="form-control" placeholder="Email..." name="picEmail" data-validation="required email">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label">Jabatan Perwakilan Perusahaan</label>
                                    <input type="text" class="form-control" placeholder="Nama Jabatan..." name="picPosition" data-validation="required">
                                </div>
                            </div>
                        </div>

                        <div class="form-row">
                            <div class="col-md-12">
                                <p class="text-grey">Setelah melalui verifikasi diawal, perkenankan kami mengunjungi Perusahaan Anda untuk bersilaturahmi.</p>
                            </div>
                        </div>

                        <div class="text-center">
                            <button type="submit" class="btn btn-main">Submit</button>
                        </div>

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


    </section>
@endsection


@section('jsCustom')
    @if(session()->has('success'))
        <script>
            $(document).ready(function () {

                $('#formSuccessModal').modal({
                    keyboard: false,
                    backdrop: 'static'
                })

            });
        </script>
    @endif
@endsection