@extends('layouts.app')

@section('styles')
    <!---Tabs js-->
    <link href="{{ URL::asset('assets/plugins/tabs/tabs-style.css') }}" rel="stylesheet" />

    <!--Select2 css -->
    <link href="{{ URL::asset('assets/plugins/select2/select2.min.css') }}" rel="stylesheet" />

    <!-- Datetime Picker css-->
    <link rel="stylesheet" href="{{ URL::asset('assets/plugins/datetime-picker/bootstrap-datetimepicker.min.css') }}">

    <!-- File Uploads css-->
    <link href="{{ URL::asset('assets/plugins/fileuploads/css/dropify.css') }}" rel="stylesheet" type="text/css" />

    <!--Mutipleselect css-->
    <link rel="stylesheet" href="{{ URL::asset('assets/plugins/multipleselect/multiple-select.css') }}">

    <!--bootstrap-switch css-->
    <link rel="stylesheet" href="{{ URL::asset('assets/plugins/bootstrap-switch/bootstrap-switch-button.min.css') }}">
@endsection

@section('content')
    <!-- page-header -->
    {{-- <div class="page-header">
        <ol class="breadcrumb">
            <!-- breadcrumb -->
            <li class="breadcrumb-item"><a href="{{ route('admin.homepage') }}">{{ __('admin.homepage') }}</a></li>
            <li class="breadcrumb-item"><a href="{{ route('admin.about.about.index','about_us') }}">{{ __('about_admin.about')}}</a></li>
            <li class="breadcrumb-item active" aria-current="page">
                {{ empty($data->id) ? __('about_admin.add')." ".__('about_admin.about') : __('about_admin.edit') ." ".__('about_admin.about') }}
            </li>
        </ol>
    </div> --}}
    <!-- End page-header -->
    <!-- page-header -->
    <div class="page-header">
        <ol class="breadcrumb">
            <!-- breadcrumb -->
            <li class="breadcrumb-item"><a href="{{ route('admin.homepage') }}">{{ __('admin.homepage') }}</a></li>
            <li class="breadcrumb-item active" aria-current="page">{{ __('about::admin.head_name') }}</li>
            <li class="breadcrumb-item active" aria-current="page"><a
                    href="{{ route('admin.about.about.index', $type) }}">{{ __('about::admin.' . $type . '.name') }}</a>
            </li>
            <li class="breadcrumb-item active" aria-current="page">
                {{ !empty($data->id) ? __('about::admin.edit') : __('about::admin.add') }}</li>
        </ol>
    </div>
    <!-- End page-header -->

<!-- row -->
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="col-12 p-5">
                <form id="about_frm" name="about_frm" method="POST" onsubmit="setSave(); return false;"
                    enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="id" value="{{ !empty($data->id) ? $data->id : '0' }}">
                    <input type="hidden" name="type" id="type" value={{ !empty($type) ? $type : ''}}>
                    <div class="card">
                        <div class="card-header p-3 border-bottom">
                            <div class="tabs-menu1 ">
                                <!-- Tabs -->
                                <ul class="nav panel-tabs" id="about_main_tab">
                                        <li><a href="#tab1" class="active" data-toggle="tab">{{ __('about::admin.' . $type . '.name') }}</a></li>
                                    @if ($config['seo'])
                                        <li><a href="#tab3" data-toggle="tab">{{ __('websetting_admin.seo') }}</a></li>
                                    @endif
                                    
                                </ul>
                            </div>
                        </div>
                        <div class="card-body ">
                            <div class="tab-content">
                                <div class="tab-pane active" id="tab1">
                                    <!-- form image -->
                                    @include('about::form.form_image')
                                    <!-- .form image -->
                                     <!-- form -->
                                     @include('about::form.form')
                                     <!-- .form -->
                                </div>
                                @if ($config['seo'])
                                    <div class="tab-pane" id="tab3">
                                        <!-- form_tab_seo -->
                                        @include('about::seo.form_tab_seo')
                                        <!-- .form_tab_seo -->
                                    </div>
                                @endif
                            </div>
                            {{-- @if ($type == 'about')
                                @if (mwz_roles('admin.about.about.save'))
                                    <div class="form-group">
                                        <div class="btn-list">
                                            <button type="submit" class="btn btn-primary"><i
                                                    class="fa fa-save mr-1"></i>{{ __('about_admin.save') }}</button>
                                        </div>
                                    </div>
                                @endif
                            @elseif($type == 'visions_mission')
                                @if (mwz_roles('admin.about.visions_mission.edit'))
                                    <div class="form-group">
                                        <div class="btn-list">
                                            <button type="submit" class="btn btn-primary"><i
                                                    class="fa fa-save mr-1"></i>{{ __('about_admin.save') }}</button>
                                        </div>
                                    </div>
                                @endif
                            @else --}}
                            @if ($url_route)
                                <div class="form-group">
                                    <div class="btn-list">
                                        <button type="submit" class="btn btn-primary"><i
                                                class="fa fa-save mr-1"></i>{{ __('about_admin.save') }}</button>
                                    </div>
                                </div>
                            @endif
                            {{-- @endif --}}
                        </div>
                    </div>
                </form>
            </div>  
        </div>
    </div>
</div>


 <!-- .row -->
 @endsection('content')

 @section('scripts')
     <!--Jquery Sparkline js-->
     <script src="{{ URL::asset('assets/plugins/vendors/jquery.sparkline.min.js') }}"></script>
 
     <!-- File uploads js -->
     <script src="{{ URL::asset('assets/plugins/fileuploads/js/dropify.js') }}"></script>
     <script src="{{ URL::asset('assets/plugins/fileuploads/js/dropify-demo.js') }}"></script>
 
     <!--Select2 js -->
     <script src="{{ URL::asset('assets/plugins/select2/select2.full.min.js') }}"></script>
     <!-- <script src="{{ URL::asset('assets/js/form-elements.js') }}"></script> -->
 
     <!--MutipleSelect js-->
     <script src="{{ URL::asset('assets/plugins/multipleselect/multiple-select.js') }}"></script>
     <script src="{{ URL::asset('assets/plugins/multipleselect/multi-select.js') }}"></script>
 
     <!--ckeditor js-->
     <script src="{{ URL::asset('assets/plugins/tinymce/tinymce.min.js') }}"></script>
     <!-- <script src="{{ URL::asset('assets/js/formeditor.js') }}"></script> -->
 
     <!-- Datetimepicker js -->
     <script src="{{ URL::asset('assets/plugins/datetime-picker/moment.min.js') }}"></script>
     <script src="{{ URL::asset('assets/plugins/datetime-picker/bootstrap-datetimepicker.min.js') }}"></script>
 
     <!-- Notifications js -->
     <link href="{{ URL::asset('assets/plugins/notify-growl/css/jquery.growl.css') }}" rel="stylesheet" />
     <link href="{{ URL::asset('assets/plugins/notify-growl/css/notifIt.css') }}" rel="stylesheet" />
     <script src="{{ URL::asset('assets/plugins/bootbox/bootbox.js') }}"></script>
     <script src="{{ URL::asset('assets/plugins/notify-growl/js/rainbow.js') }}"></script>
     <script src="{{ URL::asset('assets/plugins/notify-growl/js/jquery.growl.js') }}"></script>
 
     <!-- validator js -->
     <script src="{{ URL::asset('assets/plugins/validator/js/jquery.validate.min.js') }}"></script>
 
     <!-- bootstrap-switch -->
     <script src="{{ URL::asset('assets/plugins/bootstrap-switch/bootstrap-switch-button.min.js') }}"></script>
 
     <script src="{{ URL::asset('assets/plugins/tabs/jquery.multipurpose_tabcontent.js') }}"></script>
     <!-- <script src="{{ URL::asset('assets/plugins/tabs/tabs.js') }}"></script> -->
 
     <!-- mwz master js css -->
     <link rel="stylesheet" href="{{ mix('css/mwz.css') }}">
     <script src="{{ mix('js/mwz.js') }}"></script>
 
     <!-- module js css -->
     <link rel="stylesheet" href="{{ mix('css/about.css') }}">
     <script src="{{ mix('js/about.th.js') }}"></script>
     <script src="{{ mix('js/about.js') }}"></script>
 @endsection