@extends('layouts.app')
@section('style')
<style type="text/css">
    .setting_menu li.active a,
    .ver-inline-menu li.active i {
        background-color: #d4d7dc !important;
        color: #393a3d !important;
    }
    .ver-inline-menu li a {
        background: #eceef1 !important;
        border-left: solid 2px #eceef1;
        color: #393a3d !important;
    }
    .ver-inline-menu li i {
        background: #eceef1 !important;
    }
    .t_head {
        background-color: #eceef1 !important;
        /* padding: 7px !important; */
    }
    .t_body {
        background-color: #eceef1 !important;
        /* padding: 7px !important; */
    }
    .report_a_title{
        color: #393a3d;
    }
    a.report_a_title:hover{
        color: #393a3d;
        text-decoration: none;
    }
    .table-advance {
        text-align: center !important;
    }
</style>
@stop
@section('content')
<div class="portlet light ">
    <div class="portlet-title" id="backbtn">
        <div class="caption">
            <i class="icon-equalizer font-green-haze"></i>&nbsp;
            <span class="caption-subject font-green-haze bold uppercase">@lang('menu.Tailoring')</span>
        </div>
    </div>
    <div class="portlet-body form">
        <div class="row" id="system_setting">
            <div id="tab_6" class="tab-pane active">
                <div id="accordion1" class="panel-group">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4 class="panel-title">
                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" href="#accordion1_1"><i class="fa fa-home"></i> </a>
                            </h4>
                        </div>
                        <div id="accordion1_1" class="panel-collapse collapse in">
                            <div class="panel-body">
                                @permission('clothCategory-list')
                                <a href="{{route('clothCategory.index')}}" class="report_a_title">
                                    <div class="col-md-3 col-sm-12 col-xs-12" style="margin-bottom: 5px !important;">
                                        <table class="table table-striped table-bordered table-advance ">
                                            <tr>
                                                <td class="t_head" style="font-weight: bold;">
                                                    @lang('menu.ClothCategory')
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="t_body">
                                                    <i class="fa fa-tasks" style="font-size: 38px;"></i>
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                </a>
                                @endpermission
                                @permission('clothProperty-list')
                                <a href="{{route('clothProperty.index')}}" class="report_a_title">
                                    <div class="col-md-3 col-sm-12 col-xs-12" style="margin-bottom: 5px !important;">
                                        <table class="table table-striped table-bordered table-advance ">
                                            <tr>
                                                <td class="t_head" style="font-weight: bold;">
                                                    @lang('menu.ClothProperty')
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="t_body">
                                                    <i class="fa fa-reorder" style="font-size: 38px;"></i>
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                </a>
                                @endpermission
                                @permission('membercloth-list')
                                <a href="{{route('memberCloth.index')}}" class="report_a_title">
                                    <div class="col-md-3 col-sm-12 col-xs-12" style="margin-bottom: 5px !important;">
                                        <table class="table table-striped table-bordered table-advance ">
                                            <tr>
                                                <td class="t_head" style="font-weight: bold;">
                                                    @lang('menu.Membercloth')
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="t_body">
                                                    <i class="fa fa-user" style="font-size: 38px;"></i>
                                                    <!-- <i class="fa fa-file-text-o" style="font-size: 38px;"></i>
                                                    <i class="fa fa-scissors" style="font-size: 38px;"></i> -->
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                </a>
                                @endpermission 
                                
                                @permission('customers-list')
                                <a href="{{route('customer.index')}}" class="report_a_title">
                                    <div class="col-md-3 col-sm-12 col-xs-12" style="margin-bottom: 5px !important;">
                                        <table class="table table-striped table-bordered table-advance ">
                                            <tr>
                                                <td class="t_head" style="font-weight: bold;">
                                                    @lang('menu.Customers')
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="t_body">
                                                    <i class="fa fa-user" style="font-size: 38px;"></i>
                                                    <!-- <i class="fa fa-file-text-o" style="font-size: 38px;"></i>
                                                    <i class="fa fa-scissors" style="font-size: 38px;"></i> -->
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                </a>
                                @endpermission
                                @permission('invoice-list')
                                <a href="{{route('invoice.index')}}" class="report_a_title">
                                    <div class="col-md-3 col-sm-12 col-xs-12" style="margin-bottom: 5px !important;">
                                        <table class="table table-striped table-bordered table-advance ">
                                            <tr>
                                                <td class="t_head" style="font-weight: bold;">
                                                    @lang('menu.Invoice')
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="t_body">
                                                    <i class="fa fa-shopping-cart" style="font-size: 38px;"></i>
                                                    <!-- <i class="fa fa-file-text-o" style="font-size: 38px;"></i>
                                                    <i class="fa fa-scissors" style="font-size: 38px;"></i> -->
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                </a>
                                @endpermission
                                {{-- @permission('invoice-list')
                                <a href="{{route('newDashboard.index')}}" class="report_a_title">
                                    <div class="col-md-3 col-sm-12 col-xs-12" style="margin-bottom: 5px !important;">
                                        <table class="table table-striped table-bordered table-advance ">
                                            <tr>
                                                <td class="t_head" style="font-weight: bold;">
                                                    New Design
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="t_body">
                                                    <i class="fa fa-shopping-cart" style="font-size: 38px;"></i>
                                                    <!-- <i class="fa fa-file-text-o" style="font-size: 38px;"></i>
                                                    <i class="fa fa-scissors" style="font-size: 38px;"></i> -->
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                </a>
                                @endpermission --}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@push('scripts')
<script type="text/javascript">
    new Vue({
        el: "#system_setting",
        data: {
            settings: settingAll,
            measures: measures,
            sites: sites,
            enable_notify: false
        },
        mounted() {
        },
        methods: {
        }
    });
</script>
@endpush