@extends('front.layouts.master')


@section('content')

    <div class="container-fluid">

        <div class="row mt40">

            <div class="col-md-6">
                <h2 class="text-center">شرایط و مزایایی باشگاه</h2>
                <hr>
                <p>شرایط و مزایای عضویت افراد در باشگاه آموزشگاه های آزاد:</p>
                <p>عضویت در باشگاه آموزشگاه های آزاد کشور و اطلاع از کلیه رویدادهای آموزشی</p>
                <p> عضویت در شبکه دانشگاهای مجازی جهان اسلام(cinvu)</p>
                <p>ریجستر شدن درسامانه شبکه دانشگاه های مجازی جهان اسلام</p>
                <p>ثبت رزومه و آموزش های دیده شده در سامانه</p>
                <p>بهره مندی از خدمات رفاهی و درمانی</p>
                <p>بهره مندی از خدمات علمی به صورت آنلاین</p>
                <p>بهره مندی از تخفیفات ویژه دوره های آموزشی در سراسر کشور</p>
                <p>بهره مندی از تخفیفات ویژه رویدادهای ملی و بین المللی</p>
                <p>بهره مندی از خدمات مشاوره تخصصی توسعه کسب و کار و کارآفرینی</p>
                <p>کمک به ایجاد و توسعه طرح های فناور مخترعین</p>
                <p>ایجاد بستر در تجاری سازی ایده ها</p>
                <p>وارد شدن در بانک اطلاعاتی آموزشگاه های کشور بر حسب استان و شهر جهت تسهیل جستجوی متقاضیان</p>
                <p>شرکت در قرعه کشی ها و جوایز ویژه سالانه اعضاء باشگاه</p>
                <p>حمایت و تجلیل از نخبگان عرصه آموزش و بسترسازی برای رشد آنان؛</p>
            </div>
            <div class="col-md-6">
                <h2 class="text-center">فرم درخواست همکاری</h2>
                <hr>
                <p>نوع درخواست کسب و کار</p>
                <label for="asd"></label>

                <div class="col-md-4" id="personal_tab">
                    <button class="waves-effect full-width waves-light btn center-block purple darken-2">شخصی</button>
                </div>
                <div class="col-md-4" id="company_tab">
                    <button class="waves-effect full-width waves-light btn center-block purple darken-2 disabled">شرکت</button>
                </div>
                <div class="col-md-4" id="startup_tab">
                    <button class="waves-effect full-width waves-light btn center-block purple darken-2 disabled">استارتاپ</button>
                </div>
                <div class="clearfix mb20"></div>

                <div id="personal_detail" class="col-md-12">

                    <form method="post" action="">
                        {{ csrf_field() }}

                        <div class="col-md-6">
                            @include('share.forms.input',['name'=>'firstName','title'=>'نام'])
                        </div>
                        <div class="col-md-6">
                            @include('share.forms.input',['name'=>'firstName','title'=>'نام خانوادگی'])
                        </div>
                        <div class="clearfix"></div>
                        <div class="col-md-12">
                            @include('share.forms.input',['name'=>'firstName','class'=>'dleft','title'=>'تلفن'])
                        </div>
                        <div class="clearfix"></div>
                        <div class="col-md-12">
                            @include('share.forms.textarea-Material',['name'=>'firstName','title'=>'توضیحات فعالیت'])
                        </div>
                        <button class="waves-effect full-width waves-light btn center-block blue darken-1">ثبت</button>

                    </form>


                </div>

                <div id="company_detail" style="display: none" class="col-md-12">

                    <form method="post" action="">
                        {{ csrf_field() }}

                        <div class="col-md-6">
                            @include('share.forms.input',['name'=>'firstName','title'=>'نام شرکت'])
                        </div>
                        <div class="col-md-6">
                            @include('share.forms.input',['name'=>'firstName','title'=>'تلفن شرکت'])
                        </div>
                        <div class="clearfix"></div>
                        <div class="col-md-12">
                            @include('share.forms.textarea-Material',['name'=>'firstName','title'=>'توضیحات فعالیت شرکت'])
                        </div>
                        <button class="waves-effect full-width waves-light btn center-block blue darken-1">ثبت</button>

                    </form>


                </div>

                <div id="startup_detail" style="display: none" class="col-md-12">

                    <form method="post" action="">
                        {{ csrf_field() }}

                        <div class="col-md-6">
                            @include('share.forms.input',['name'=>'firstName','title'=>'نام استارتاپ'])
                        </div>
                        <div class="col-md-6">
                            @include('share.forms.input',['name'=>'firstName','title'=>'تلفن مسئول'])
                        </div>
                        <div class="clearfix"></div>
                        <div class="col-md-12">
                            @include('share.forms.textarea-Material',['name'=>'firstName','title'=>'توضیحات فعالیت شرکت'])
                        </div>
                        <button class="waves-effect full-width waves-light btn center-block blue darken-1">ثبت</button>

                    </form>


                </div>


            </div>

        </div>

    </div>

@endsection

@push('scripts')

    <script type="text/javascript">

        $('#personal_tab').click(function () {
            $('#personal_detail').attr('style', 'display:block');
            $('#company_detail').attr('style', 'display:none').removeClass('disabled');
            $('#startup_detail').attr('style', 'display:none');


            $('#personal_tab').find("button").removeClass('disabled');
            $('#company_tab').find("button").addClass('disabled');
            $('#startup_tab').find("button").addClass('disabled');

        });

        $('#company_tab').click(function () {
            $('#personal_detail').attr('style', 'display:none');
            $('#company_detail').attr('style', 'display:block');
            $('#startup_detail').attr('style', 'display:none');

            $('#personal_tab').find("button").addClass('disabled');
            $('#company_tab').find("button").removeClass('disabled');
            $('#startup_tab').find("button").addClass('disabled');

        });

        $('#startup_tab').click(function () {
            $('#personal_detail').attr('style', 'display:none');
            $('#company_detail').attr('style', 'display:none');
            $('#startup_detail').attr('style', 'display:block');

            $('#personal_tab').find("button").addClass('disabled');
            $('#company_tab').find("button").addClass('disabled');
            $('#startup_tab').find("button").removeClass('disabled');

        });

    </script>

@endpush