@extends('front.layouts.master')
@section('css')
@endsection
@section('content')
    <section class="banner_area" style="background-image: url('/front/img/packageBg.jpg');">
        <div class="container">
            <h1 class="text-white IRANSans_Bold">ارتباط با ما</h1>
            <div class="breadcrumb_content">
                <ul>
                    <li><a href="#">صفحه اصلی</a></li>
                    <li><a href="#">ارتباط با ما</a></li>
                </ul>
            </div>
        </div>
    </section>

    <section class="container p-md-5 p-4 ">

        <div class="mb-5 brcontact">
            <div class="box p-3 ml-4 radius15">
                <div class="d-flex flex-row mb-3">
                    <div class="Dottedstocol ml-3"></div>
                    <div class="singletitle">
                        <span>درخواست همکاری</span>
                        <h1 class="text-right">{{ option('title') }}</h1>
                    </div>
                </div>

                <div class="position-relative pl-4">
                    <p class="mb-3 bg-light p-3 radius10">جهت درخواست همکاری می توانید از فرم زیر استفاده نمایید</p>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>نام</label>
                                <input name="name" type="text" class="form-control simple">
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>نام خانوادگی</label>
                                <input name="family" type="text" class="form-control simple">
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>شماره ملی</label>
                                <input name="code_meli" type="text" class="form-control simple">
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>تلفن ثابنت</label>
                                <input name="tel" type="tel" class="form-control simple">
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>تلفن همراه</label>
                                <input name="mobile" type="tel" class="form-control simple">
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>ایمیل</label>
                                <input name="email" type="email" class="form-control simple">
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>جنسیت</label>
                                <select class="form-select" name="gender" id=""></select>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>پوشش بیمه‌ای دارید؟</label>
                                <select class="form-select" name="bimeh" id=""></select>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>وضعیت نظام وظیفه</label>
                                <select class="form-select" name="bimeh" id=""></select>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>مدرک تحصیلی</label>
                                <input name="email" type="email" class="form-control simple">
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>نشانی محل سکونت</label>
                                <textarea name="address" class="form-control simple"></textarea>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>سوابق کاری</label>
                                <textarea name="resume" class="form-control simple"></textarea>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>بخش مورد تقاضا</label>
                                <select class="form-select" name="job" id="">
                                    <option value="1">مالی</option>
                                    <option value="2">فروش</option>
                                </select>
                            </div>
                        </div>


                        <div class="col-md-6">
                            <input name="name" type="text" class="form-control mb-3" placeholder="نام">
                        </div>
                        <div class="col-md-6">
                            <input name="family" type="text" class="form-control mb-3" placeholder="نام خانوادگی">
                        </div>
                        <div class="col-md-6">
                            <input name="code_meli" type="text" class="form-control mb-3" placeholder="شماره ملی">
                        </div>
                        <div class="col-md-6">
                            <input type="email" class="form-control mb-3" placeholder="ایمیل">
                        </div>
                    </div>
                    <form class="contact-form">

                        <textarea class="form-control mb-3" cols="60" rows="9" placeholder="متن پیام"></textarea>
                        <button type="submit" class="btn btn-warning text-dark mr-3">ارسال پیام</button>
                    </form>
                </div>

            </div>
        </div>
        <div class="row">
            <div class="col-lg-12 contact-block mb-3">
                <iframe
                    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d101637.20058196294!2d55.12445659536889!3d37.24385138392286!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3f82bf0f3681aac1%3A0xb8eacc0ae01e8b94!2sQabus%20Ibn%20Voshmgir%20Tower!5e0!3m2!1sen!2s!4v1611689478637!5m2!1sen!2s"
                    class="radius15" width="100%" height="250" frameborder="0" style="border:0;" allowfullscreen=""
                    aria-hidden="false" tabindex="0"></iframe>
            </div>
        </div>
    </section>
@endsection
@section('js-page')
@endsection