@extends('layouts.app')
@section('title', __( 'tax_rate.tax_rates' ))

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb bg-transparent mb-0 pb-0 pt-1 px-0 me-sm-6 me-5">
            <li class="breadcrumb-item text-sm">
              <a class="text-white opacity-5" href="{{action([\App\Http\Controllers\BusinessController::class, 'getBusinessSettings'])}}">
                <i class="ni ni-settings-gear-65 text-sm-i opacity-10"></i> @lang('business.settings')
              </a>
            </li>
            <li class="breadcrumb-item text-sm">
                <a class="opacity-7 text-white" href="javascript:;">@lang( 'tax_rate.tax_rates' )</a>
            </li>
             <li class="breadcrumb-item text-sm text-white">
                @lang( 'tax_rate.manage_your_tax_rates' )
            </li>
        </ol>
    </nav>
</section>
<!-- Main content -->
<section class="content">
    <div class="pad-15"> 
        @component('components.widget', ['class' => 'box-primary', 'icon' => 'fa fa-percentage text-primary', 'title' => __( 'tax_rate.all_your_tax_rates' )])
            <hr class="line-light">
            @can('tax_rate.create')
                @slot('tool')
                    <div class="box-tools mt-50">
                        <button type="button" class="btn bg-gradient-add white btn-ht-lg-add pull-right btn-modal" 
                                data-href="{{action([\App\Http\Controllers\TaxRateController::class, 'create'])}}" 
                                data-container=".tax_rate_modal" title="@lang('messages.add')"
                          data-toggle="tooltip">
                                <i class="fa fa-plus fa-lg"></i> </button>
                    </div>
                @endslot
            @endcan
            @can('tax_rate.view')
            <div class="card">
                <div class="table-responsive">
                    <table class="table align-items-center mb-0 full-width" id="tax_rates_table">
                        <thead class="thead-light">
                            <tr>
                                <th class="text-uppercase text-dark text-xs font-weight-bolder">@lang( 'tax_rate.name' )</th>
                                <th class="text-uppercase text-dark text-xs font-weight-bolder">@lang( 'tax_rate.rate' )</th>
                                <th class="text-uppercase text-dark text-xs font-weight-bolder">@lang( 'messages.action' )</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
            @endcan
        @endcomponent

        @component('components.widget', ['class' => 'box-primary','icon' => 'fa fa-percent text-primary',])
            <hr class="line-light">
            @slot('title')
                @lang( 'tax_rate.tax_groups' ) ( @lang('lang_v1.combination_of_taxes') ) @show_tooltip(__('tooltip.tax_groups'))
            @endslot
            @can('tax_rate.create')
                @slot('tool')
                    <div class="box-tools mt-50">
                        <button type="button" class="btn bg-gradient-add white btn-ht-lg-add pull-right btn-modal" 
                        data-href="{{action([\App\Http\Controllers\GroupTaxController::class, 'create'])}}" 
                        data-container=".tax_group_modal" title="@lang('messages.add')"
                          data-toggle="tooltip">
                        <i class="fa fa-plus fa-lg"></i> </button>
                    </div>
                @endslot
            @endcan
            @can('tax_rate.view')
            <div class="card">
                <div class="table-responsive">
                    <table class="table align-items-center mb-0 full-width" id="tax_groups_table">
                        <thead class="thead-light">
                            <tr>
                                <th class="text-uppercase text-dark text-xs font-weight-bolder">@lang( 'tax_rate.name' )</th>
                                <th class="text-uppercase text-dark text-xs font-weight-bolder">@lang( 'tax_rate.rate' )</th>
                                <th class="text-uppercase text-dark text-xs font-weight-bolder">@lang( 'tax_rate.sub_taxes' )</th>
                                <th class="text-uppercase text-dark text-xs font-weight-bolder">@lang( 'messages.action' )</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
            @endcan
        @endcomponent
    </div>
    
    <div class="modal fade tax_rate_modal" tabindex="-1" role="dialog" 
    	aria-labelledby="gridSystemModalLabel">
    </div>
    <div class="modal fade tax_group_modal" tabindex="-1" role="dialog" 
        aria-labelledby="gridSystemModalLabel">
    </div>

</section>
<!-- /.content -->
@endsection