@extends('layouts.master')
@section('title',trans('dashboard.about_app'))
@section('css')
    <link rel="stylesheet" type="text/css" href="{{asset('dashboard_assets/app-assets/vendors/css/tables/datatable/datatables.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('dashboard_asstes/app-assets/vendors/css/forms/selects/select2.min.css')}}">

    <style>

    </style>
@endsection
@section('page-content')

<div class="app-content content">
    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-6 col-12 mb-2 breadcrumb-new">
                <h3 class="content-header-title mb-0 d-inline-block">@lang('dashboard.about_app')</h3>
                <div class="row breadcrumbs-top d-inline-block">
                    <div class="breadcrumb-wrapper col-12">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="#">@lang('dashboard.about_app')</a>
                            </li>
                            <li class="breadcrumb-item"><a href="{{route('admin.terms_use')}}">@lang('dashboard.terms_use')</a>
                            </li>
                        </ol>
                    </div>
                </div>
            </div>

            <div class="content-header-right col-md-6 col-12">
                <div class="float-md-right">
                    <div class="d-flex">
                        @if($info_count==0)
                        <a type="button" href="{{route('admin.createTermsUse')}}"
                           class="btn btn-info  btn-glow mr-1 mb-1" style="color: white;">
                            @lang('dashboard.add')</a>
                        @else
                        <a type="button" href="{{route('admin.editTermsUse',$info->id)}}"
                           class="btn btn-success  btn-glow mr-1 mb-1" style="color: white;">
                            @lang('dashboard.edit')</a>

                        <a type="button" class="btn btn-danger  btn-glow mr-1 mb-1" style="color: white;"
                           data-id="{{$info->id}}"
                           data-toggle="modal"
                           data-target="#delete_modal"
                        >@lang('dashboard.delete')</a>
                        @endif
                    </div>
                </div>
            </div>
        </div>
        <div class="content-body">
            @if (count($errors) > 0)
                @foreach ($errors->all() as $error)
                    <div class="alert alert-danger alert-dismissible mb-2 mr-5 ml-5" role="alert">
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                        {{$error}}
                    </div>
                @endforeach
            @endif
            @if (session()->has('add'))
                <div class="alert alert-success alert-dismissible fade show mt-5 mb-5 mr-5 ml-5" role="alert">
                    <strong>{{ session()->get('add') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            @endif
            @if (session()->has('edit'))
                <div class="alert alert-success alert-dismissible fade show mt-5 mb-5 mr-5 ml-5" role="alert">
                    <strong>{{ session()->get('edit') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            @endif
            @if (session()->has('delete'))
                <div class="alert alert-success alert-dismissible fade show mt-5 mb-5 mr-5 ml-5" role="alert">
                    <strong>{{ session()->get('delete') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            @endif

                <section id="accordion">
                    <div class="row">
                        <div class="col-6 mt-2 mb-2">
                            <h3 class="text-uppercase">@lang('dashboard.terms_use')</h3>
                        </div>
                        <div class="col-6 mt-2 mb-2">

                        </div>
                    </div>
                    @if($info_count>0)
                    <div class="row match-height">

                        <div class="col-lg-12 col-xl-12">
                            <div id="accordionWrap6" role="tablist" aria-multiselectable="true">
                                <div class="card collapse-icon accordion-icon-rotate">
                                    <div id="heading63" class="card-header mt-1 border-primary-color1 m-2">
                                        <a data-toggle="collapse" data-parent="#accordionWrap6" href="#accordion63" aria-expanded="false"
                                           aria-controls="accordion63" class="card-title lead primary-color2 collapsed">@lang('dashboard.description_ar')</a>
                                    </div>
                                    <div id="accordion63" role="tabpanel" aria-labelledby="heading63" class="border-primary-color1 no-border-top card-collapse collapse m-2"
                                         aria-expanded="false">
                                        <div class="card-content">
                                            <div class="card-body">
                                                {!! $info->description_ar !!}
                                            </div>
                                        </div>
                                    </div>
                                    <div id="heading64" class="card-header mt-1 border-primary-color1 m-2">
                                        <a data-toggle="collapse" data-parent="#accordionWrap6" href="#accordion64" aria-expanded="false"
                                           aria-controls="accordion64" class="card-title lead primary-color2 collapsed m-2">@lang('dashboard.description_en')</a>
                                    </div>
                                    <div id="accordion64" role="tabpanel" aria-labelledby="heading64" class="border-primary-color1 no-border-top card-collapse collapse m-2"
                                         aria-expanded="false" style="height: 0px;">
                                        <div class="card-content">
                                            <div class="card-body">
                                                {!! $info->description_en !!}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif
                </section>
            <div class="modal fade text-left" id="delete_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel12"
                 aria-hidden="true">
                <div class="modal-dialog" role="document">
                    <form action="{{route('admin.deleteTermsUse')}}" method="post">
                        {{ method_field('delete') }}
                        {{csrf_field()}}
                        <div class="modal-content">
                            <div class="modal-header main-yellow-bg white">
                                <input type="hidden" id="id" name="id">
                                <h4 class="modal-title white" id="myModalLabel12">@lang('dashboard.delete_terms_use')</h4>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                <h5 class="text-center"><i class="fa-regular fa-trash-can required_star"></i></h5>
                                <p class="text-center font-large-1">
                                    @lang('dashboard.terms_use_delete_process')
                                </p>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn main-blue-outline" data-dismiss="modal">@lang('dashboard.no')</button>
                                <button type="submit" class="btn main-yellow-outline">@lang('dashboard.yes')</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection
@section('js')
<!-- BEGIN VENDOR JS-->
<script src="{{asset('dashboard_assets/app-assets/vendors/js/vendors.min.js')}}" type="text/javascript"></script>
<!-- BEGIN VENDOR JS-->
<!-- BEGIN PAGE VENDOR JS-->
<script src="{{asset('dashboard_assets/app-assets/vendors/js/tables/datatable/datatables.min.js')}}" type="text/javascript"></script>
<script src="{{asset('dashboard_assets/app-assets/vendors/js/tables/datatable/dataTables.buttons.min.js')}}"
        type="text/javascript"></script>
<script src="{{asset('dashboard_assets/app-assets/vendors/js/tables/buttons.flash.min.js')}}" type="text/javascript"></script>
<script src="{{asset('dashboard_assets/app-assets/vendors/js/tables/jszip.min.js')}}" type="text/javascript"></script>
<script src="{{asset('dashboard_assets/app-assets/vendors/js/tables/pdfmake.min.js')}}" type="text/javascript"></script>
<script src="{{asset('dashboard_assets/app-assets/vendors/js/tables/vfs_fonts.js')}}" type="text/javascript"></script>
<script src="{{asset('dashboard_assets/app-assets/vendors/js/tables/buttons.html5.min.js')}}" type="text/javascript"></script>
<script src="{{asset('dashboard_assets/app-assets/vendors/js/tables/buttons.print.min.js')}}" type="text/javascript"></script>
<!-- END PAGE VENDOR JS-->
<!-- BEGIN MODERN JS-->
<script src="{{asset('dashboard_assets/app-assets/js/core/app-menu.js')}}" type="text/javascript"></script>
<script src="{{asset('dashboard_assets/app-assets/js/core/app.js')}}" type="text/javascript"></script>
<script src="{{asset('dashboard_assets/app-assets/js/scripts/customizer.js')}}" type="text/javascript"></script>
<!-- END MODERN JS-->
<!-- BEGIN PAGE LEVEL JS-->
<script src="{{asset('dashboard_assets/app-assets/js/scripts/tables/datatables/datatable-advanced.js')}}"
        type="text/javascript"></script>
<!-- END PAGE LEVEL JS-->

<script>
        $('#delete_modal').on('show.bs.modal', function(event){
            var button = $(event.relatedTarget)
            var id = button.data('id')
            var modal = $(this)
            modal.find('.modal-content .modal-header #id').val(id);

        });
</script>
@endsection