@include('site.controllers.header')

<div class="container mb-60">
    <div class="profilepage">
        <div class="tab-content">
            <!-- tabs content -->
            <!-- personal-info -->
            <div id="personal-info" class="tab-pane fade in active">
                <section class="global-head">
                    <article>
                        <h4><strong>اشترك الان واحصل على كل مميزات وساطه <span
                                    class="color-primary">( {{$subscription->price}} ريال / شهريا)</span></strong></h4>
                        <p>يمكنك السداد عن طريق التحويل البنكى وارفاق صورة التحوبل</p>
                    </article>
                </section>

                <!-- form -->
                <section class="bordered  m-h-50">
                    <div class="row">
                        @foreach($banks as $bank)
                            <div class="col-md-4">
                                <div class="box_bank" style="
                                    margin-bottom: 30px;
                                    text-align: center;
                                    border: 2px #eee double;
                                    border-radius: 5px;
                                    padding: 15px;">
                                    <h4 style="
                                            margin: 0;
    margin-bottom: 10px;
    font-weight: bold;
">{{$bank->bank_name}}</h4>
                                    <ul>
                                        <li style="line-height: 1.9em;">اسم الحساب : {{$bank->account_name}}</li>
                                        <li style="line-height: 1.9em;">رقم الحساب : {{$bank->account_number}}</li>
                                        <li style="line-height: 1.9em;"> رقم الايبان : {{$bank->iban_number}}</li>
                                    </ul>
                                </div>
                            </div>
                        @endforeach
                        <div class="col-lg-12">
                            <div class="row">
                                <form action="{{route('add_subscription')}}" method="post" enctype="multipart/form-data"
                                      class="global-form">
                                    {{csrf_field()}}
                                    <input type="hidden" name="subscription_id" value="{{$subscription->id}}">
                                    <div class="form-horizontal mb-20">
                                        <div class="form-group">
                                            <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">
                                                <div class="select">
                                                    <select name="bank_id"
                                                            class="form-control select-style">
                                                        <option selected disabled class="option form-control">
                                                            اختر البنك
                                                        </option>
                                                        @foreach($banks as $bank)
                                                            <option value="{{$bank->id}}"
                                                                    class="option form-control">{{$bank->bank_name}}</option>
                                                        @endforeach
                                                    </select>
                                                    @if ($errors->has('bank_id'))
                                                        <small class="text-danger">
                                                            {{ $errors->first('bank_id') }}
                                                        </small>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-horizontal mb-20">
                                        <div class="form-group">
                                            <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="file" name="image" class="opacity-0" id="">
                                            </div>
                                            {{--                                            <div class="col-sm-8 col-sm-offset-4 pt-9">--}}
                                            {{--                                                <img src="images/003.png" class="img-upload" height="50px" width="50px"--}}
                                            {{--                                                     alt="">--}}
                                            {{--                                            </div>--}}
                                            @if ($errors->has('image'))
                                                <small
                                                    class="text-danger">{{ $errors->first('image') }}</small>
                                            @endif
                                        </div>
                                    </div>


                                    <div class="col-sm-2 px-0">
                                        <button type="submit" style="width:100%" class="btn btn-primary mt-30 mb-30">
                                            تأكيد
                                        </button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </div>
</div>
<!-- Modal -->
<div class="modal fade text-center" id="myModal" 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>
                        <p>هذا النص يتم استبداله </p>
                    </article>
                </section>
            </div>
            <div class="modal-body model-style success-area text-center">
                <!-- الديزاينر مكسح مجبش الصور مظبوط -->
                <!-- <i class="fa fa-check-circle-o"></i> -->
                <img src="images/confirm.svg" alt="">
                <h4>بامكانك البدء فى ممارسة الامكانيات الخاصه بباقتك</h4>
                <a href="index.php">الصفحة الرئيسية</a>
            </div>
        </div>

    </div>
</div>

@include('site.controllers.footer')