@extends('layouts.app')

@section('content')    

<!-- BEGIN CONTENT -->

<!-- BEGIN CONTENT BODY -->
<div class="top_bar page-content">
    <div class="top_status_bar">
        <div id="top_progress_bar" class="progress_bar">
        </div>
    </div>
    <div class="breadcrumbs">
        <ul>

            <li><a  href="{{ route('admin.dashboard') }}">Home</a></li>
            <li><a href="#"> Parent Category List</a></li>

        </ul>
        <button class="btn btn-large pull-right help theme_btn help_btn">?</button>
    </div>
</div>
<div class="page-content">
    <div class="portlet">
        <!-- BEGIN PAGE HEADER-->
        <div class="portlet-title page_heading">
            <div class="row">
                <div class="col-md-9">
                    <div class="caption">
                        <h2 style="font-weight: 600; margin-top: 0;">Parent Category List</h2>
                        <span class="subtitle">All the parent categories under your selected branch listed here, you can edit, disable or manage from here.</span>
                    </div>
                </div>
                @php
                $get_permission = permission('parent_category','full-permission');
                @endphp
                <div class="col-md-3 text-right">
                    @if($get_permission)
                    <button type="button" class="btn theme_btn_round new_parent_category">Add New</button>
                    @endif
                </div>
            </div>
        </div>
        <!-- BEGIN PAGE BAR -->
        <div class="row">
            <div class="col-md-12">
                <!--THIS IS CONTENT DIV START-->
                <div class="portlet-body flip-scroll">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="table-container">
                                <table class="table table-striped table-bordered table-hover datatables_simple" id="parent_category_table">
                                    <thead class="flip-content thead">
                                        <tr>
                                            <th></th>
                                            <th>Category Name</th>
                                            <th style="position: relative; width: 25px;">
                                                <img class="dots_menu_grey" style="width: inherit"
                                                     src="{{asset('assets/global/img/dots_menu_grey.png')}}">
                                            </th>
                                        </tr>
                                    </thead>

                                </table>
                            </div>
                        </div>
                    </div>
                </div>

                <!--THIS IS CONTENT DIV END-->
            </div>
        </div>
    </div>
</div>



@include('admin.parent-category.create');
<!-- Update Parent Category Modal Begins -->
<div class="modal fade bs-modal update_frm" id="parent_category_model_update" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false">
</div>

<!-- //SWEET_ALERT START// -->
<div id="sweetalert_wrap" class="sweet_alert_wrap">
    <!-- Sweet alert -->
    <div class="sweet-alert showSweetAlert" data-custom-class="" data-has-cancel-button="true" data-has-confirm-button="true" data-allow-outside-click="false" data-has-done-function="true" data-animation="pop" data-timer="null" >
        <div class="sa-icon sa-warning pulseWarning" style="display: block;">
            <span class="sa-body pulseWarningIns"></span>
            <span class="sa-dot pulseWarningIns"></span>
        </div>
       <h2>Do you want to delete?</h2>
        <div class="sa-button-container">
            <button class="cancel" tabindex="2">Cancel</button>
            <div class="sa-confirm-button-container">
                <button class="confirm" tabindex="1">Confirm</button>
            </div>
        </div>
    </div>
</div>
<!-- //SWEET_ALERT END// -->

@endsection


@section('admin_css')
<link href="{{asset('assets/global/plugins/select2/css/select2.min.css')}}" rel="stylesheet" type="text/css"/>
<link href="{{asset('assets/global/plugins/select2/css/select2-bootstrap.min.css')}}" rel="stylesheet" type="text/css"/>
<link href="{{asset('assets/global/plugins/datatables/datatables.min.css')}}" rel="stylesheet" type="text/css"/>
<link href="{{asset('css/sweetalert.css')}}" rel="stylesheet" type="text/css"/>
<style type="text/css">
    .table-container{
        padding: 50px 0 0;
    }
    table.dataTable.no-footer {
        border: none;
    }
    .portlet-body .remove_label {height: 15px;}
</style>
@stop

@section('admin_js')
<script src="{{asset('assets/global/plugins/select2/js/select2.min.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/global/plugins/datatables/datatables.min.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js')}}"type="text/javascript"></script>
<script src="{{asset('js/general.js')}}"type="text/javascript"></script>
<!--<script  type="text/javascript">
$(document).ready(function () {
    $(document).on('click', '.del_icon', function () {
        $('#sweetalert_wrap').show();
    });
    $(document).on('click', '.cancel', function () {
        $('#sweetalert_wrap').hide();
    });
});
</script>-->
@include("admin.js.parent-category")
@stop