@extends('layouts.app')
@section('css')
<style>

 .active-tab-pardon{
    background: #375523; color: #fff;padding: 20px;border-radius: 10px ; margin:5px
 }
 .not-active-tab-pardon{
    background: #c9cec5; color: #6e6b6b;padding: 20px;border-radius: 10px ; margin:5px
 }
 .container-pardon{
    margin-top: 40px;
    border: 1px solid #544b4b;
    padding: 17px;
    border-radius: 10px;
 }
</style>
@endsection
@section('content')

<form id="form_request_ajax" action="{{ route('settings.pardon-occasions.store') }}"  class="col col-lg-9 pd-30" id="submitForm">
    @csrf
    <input type="hidden" name="pardon_id">
    <!-- Page Title -->
    <div class="page-title divider-b pdb-10 flexbox align-between align-center-y mb-20">
        <h1 class="reset-block primary-color lineheight-130 fs-20">اضافة مدخلات العفو الملكى الثابتة </h1>
        <div>
            <button type="button" class="btn small primary btn_prev  hidden"  style="margin:20px"><- السابق  </button>
            <button type="submit" class="btn small primary btn_next"> التالى  ->  </button>
        </div>

    </div>
    <!-- // Page Title -->
    @csrf  <!-- token create  -->

    <!-- Grid -->
    <div class="row my-15">
        <div class="col-12 col-lg-12">
            <!-- Controls Widget -->
            <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form" >
                <!-- Title -->
                {{--  <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20"> مناسبة العفو </h3>  --}}
                <!-- Content -->
                <div class="widget-content pdx-20">
                    <div class="row">
                        <div class="col-3 active-tab-pardon" id="tap_conatiner_occasions">
                            1 - مناسبة العفو
                        </div>
                        <div class="col-3 not-active-tab-pardon" id="tap_conatiner_public">
                            2 - الشروط العامة
                        </div>
                        <div class="col-3 not-active-tab-pardon" id="tap_conatiner_exception">
                            3 -  الاستثناءات
                        </div>
                    </div>

                    <!-- Controls Group -->
                    <div class="row gpx-10 ms-10 me-10 divider-b mb-15 container-pardon " style="" id="conatiner_occasions">
                      @include('settings.pardon_occasions.conatiner_occasions')
                    </div>


                    <!-- Controls Group -->
                    <div class="row gpx-10 ms-10 me-10 divider-b mb-15  container-pardon hidden " id="conatiner_public">
                        @include('settings.pardon_occasions.conatiner_public')
                    </div>


                    <div class="row gpx-10 ms-10 me-10 divider-b mb-15  container-pardon hidden" id="conatiner_exception">
                        @include('settings.pardon_occasions.conatiner_exception')
                    </div>
                    <div class="row justify-content-end">
                        <div class="col-12" style="text-align:left">
                            <button type="button" class="btn small primary btn_prev  hidden"  style="margin:20px"><- السابق  </button>

                            <button type="submit" class="btn small primary btn_next"    style="margin:20px"> التالى  -></button>

                        </div>

                    </div>
                </div>

            </div>
        </div>

    </div>
    </div>




    </div>
    <!-- // Grid -->



</form>
@endsection

@section('script')
@include('settings.pardon_occasions.script')
@endsection