@include('site.controllers.header')

<div class="container m-h-50 mb-60">
    <div class="row">
        <div class="col-md-6">
            <article class="mt-30">
                <h4><strong>قصص نجاح تمت فى العثور على الوظيفة المناسبة</strong></h4>
                <p class="color-gray mt-20">مرحبا بك على شبكة وساطة لتوظيف ذوي الاعاقة. هنا يحتفل شبكة وساطة لتوظيف ذوي
                    الاعاقة بقصص النجاح التي تمت في العثور علي الوظيفة المناسبة ونتمني لكم التوفيق

                </p>
            </article>
        </div>
        @if(\Auth::check())
            <div class="col-md-6">
                <article class="mt-30">
                    <a href="#myModal2">
                        <button class="btn btn-success mt-20" width="100%" type="button" data-toggle="modal"
                                data-target="#success_story"> إنشاء قصه نجاح جديدة
                        </button>
                    </a>

                    <div class="modal fade text-center" id="success_story" role="dialog">
                        <div class="modal-dialog">

                            <!-- Modal content-->
                            <div class="modal-content p-0">
                                <div class="modal-header p-0">
                                    <section class="global-head global-head__no-border text-center mt-0 p-20">
                                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                                        <article>
                                            <h4><strong>إنشاء قصه نجاح جديدة</strong></h4>
                                        </article>
                                    </section>
                                </div>

                                <form method="post" action="{{route('store_success_story')}}"
                                      enctype="multipart/form-data">
                                    {{csrf_field()}}
                                    <div class="modal-body model-style">
                                        <div class="row">
                                            <form class="global-form">
                                                <div class="form-horizontal mb-20">
                                                    <div class="form-group">
                                                        <label class="control-label col-sm-4">
                                                            <span class="color-gray">تم التوظيف عن طريق</span>
                                                            <br/>
                                                        </label>
                                                        <div class="col-sm-8">
                                                            <select name="hired_from" class="form-control" required>
                                                                <option value="site"> من خلال الموقع</option>
                                                                <option value="other">أخري</option>

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

                                                <div class="form-horizontal mb-20">
                                                    <div class="form-group mb-0">
                                                        <label class="control-label col-sm-4">
                                                            <span class="color-gray">إسم الشركة</span>
                                                            <span class="is-required">*</span>
                                                            <br/>
                                                            <span class="validation-color">إسم الشركة</span>
                                                        </label>

                                                        <div class="col-sm-8">
                                                            <input type="text" required name="company_name"
                                                                   class="form-control" placeholder="الشـــــــركة">
                                                            <hr>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-horizontal mb-20">
                                                    <div class="form-group mb-0">
                                                        <label class="control-label col-sm-4">
                                                            <span class="color-gray">أكتب قصة نجاحك في حالة التوفيق في العثور علي عمل</span>
                                                            <span class="is-required">*</span>
                                                            <br/>
                                                            <span class="validation-color">الوصف</span>
                                                        </label>

                                                        <div class="col-sm-8">
                                                            <textarea name="story" required
                                                                      class="form-control">{{old('story')}}</textarea>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group ">
                                                    <div class="col-sm-6 mt-20">
                                                        <label class="control-label">هذه البيانات مطلوبه ويجب إدخالها
                                                            (*)</label>
                                                    </div>
                                                    <div class="col-sm-offset-2 col-sm-4 mt-20">
                                                        <button type="submit" style="width:100%"
                                                                class="btn btn-primary">حفظ
                                                        </button>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </form>

                            </div>

                        </div>
                    </div>

                </article>
            </div>
        @endif
    </div>
    <hr/>
    <div class="row mt-30">


        <div class="col-lg-3 col-md-4 col-sm-6">
            @foreach($stories as $row)
                @include('site.controllers.success-card')
            @endforeach


            <hr>

            @foreach($job_histories as $history)

                    @include('site.controllers.history_job')


                @endforeach
        </div>


    </div>

</div>
@include('site.controllers.footer')