@extends('layouts.app')
@section('title', __('invoice.invoice_settings'))

@section('content')

    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1 class="tw-text-xl md:tw-text-3xl tw-font-bold tw-text-black">@lang('invoice.invoice_settings')
            <small class="tw-text-sm md:tw-text-base tw-text-gray-700 tw-font-semibold">@lang('invoice.manage_your_invoices')</small>
        </h1>
        <!-- <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>
            <li class="active">Here</li>
        </ol> -->
    </section>

    <!-- Main content -->
    <section class="content">
        <div class="row">
            <div class="col-md-12">
                <!-- Custom Tabs -->
                @component('components.widget')
                    <div class="">
                        <ul class="nav nav-tabs">
                            <li class="active"><a href="#tab_1" data-toggle="tab" aria-expanded="true">@lang('invoice.invoice_schemes')</a>
                            </li>
                            <li class=""><a href="#tab_2" data-toggle="tab" aria-expanded="false">@lang('invoice.invoice_layouts')</a>
                            </li>
                        </ul>
                        <div class="tab-content">
                            <div class="tab-pane active" id="tab_1">
                                <div class="row">
                                    <div class="col-md-12">
                                        <h4>@lang('invoice.all_your_invoice_schemes')
                                            <button
                                                class="tw-dw-btn tw-font-bold tw-text-white tw-border-none tw-rounded-2xl pull-right tw-mb-2 btn-modal"
                                                style="background-color: @if (!empty(session('business.theme_color'))) {{ session('business.theme_color') }} @else{{ '#3498db' }} @endif;"
                                                data-href="{{ action([\App\Http\Controllers\InvoiceSchemeController::class, 'create']) }}"
                                                data-container=".invoice_modal">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" stroke-linejoin="round"
                                                    class="icon icon-tabler icons-tabler-outline icon-tabler-plus">
                                                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                                    <path d="M12 5l0 14" />
                                                    <path d="M5 12l14 0" />
                                                </svg> @lang('messages.add')
                                            </button>
                                        </h4>
                                    </div>
                                </div>
                                <br>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="table-responsive">
                                            <table class="table table-bordered table-striped" id="invoice_table">
                                                <thead>
                                                    <tr>
                                                        <th>@lang('invoice.name') @show_tooltip(__('tooltip.invoice_scheme_name'))
                                                        </th>
                                                        <th>@lang('invoice.prefix') @show_tooltip(__('tooltip.invoice_scheme_prefix'))
                                                        </th>
                                                        <th>@lang('invoice.number_type') @show_tooltip(__('invoice.number_type_tooltip'))
                                                        </th>
                                                        <th>@lang('invoice.start_number')
                                                            @show_tooltip(__('tooltip.invoice_scheme_start_number'))</th>
                                                        <th>@lang('invoice.invoice_count') @show_tooltip(__('tooltip.invoice_scheme_count'))
                                                        </th>
                                                        <th>@lang('invoice.total_digits')
                                                            @show_tooltip(__('tooltip.invoice_scheme_total_digits'))</th>
                                                        <th>@lang('messages.action')</th>
                                                    </tr>
                                                </thead>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- /.tab-pane -->
                            <div class="tab-pane" id="tab_2">
                                <div class="row">
                                    <div class="col-md-12">
                                        <h4>@lang('invoice.all_your_invoice_layouts') <a
                                                class="tw-dw-btn tw-dw-btn-primary tw-text-white tw-dw-btn-sm pull-right"
                                                href="{{ action([\App\Http\Controllers\InvoiceLayoutController::class, 'create']) }}">
                                                <i class="fa fa-plus"></i> @lang('messages.add')</a></h4>
                                    </div>
                                    <div class="col-md-12">
                                        @foreach ($invoice_layouts as $layout)
                                            <div class="col-md-3">
                                                <div class="icon-link">
                                                    <a
                                                        href="{{ action([\App\Http\Controllers\InvoiceLayoutController::class, 'edit'], [$layout->id]) }}">
                                                        <i class="fa fa-file-alt fa-4x"></i>
                                                        {{ $layout->name }}
                                                    </a>
                                                    @if ($layout->is_default)
                                                        <span class="badge bg-green">@lang('barcode.default')</span>
                                                    @endif
                                                    @if ($layout->locations->count())
                                                        <span class="link-des">
                                                            <b>@lang('invoice.used_in_locations'): </b><br>
                                                            @foreach ($layout->locations as $location)
                                                                {{ $location->name }}
                                                                @if (!$loop->last)
                                                                    ,
                                                                @endif
                                                                &nbsp;
                                                            @endforeach
                                                        </span>
                                                    @endif
                                                </div>
                                            </div>
                                            @if ($loop->iteration % 4 == 0)
                                                <div class="clearfix"></div>
                                            @endif
                                        @endforeach
                                    </div>
                                </div>
                                <br>
                            </div>
                            <!-- /.tab-pane -->
                        </div>
                        <!-- /.tab-content -->
                    </div>
                @endcomponent
                <!-- nav-tabs-custom -->
            </div>
        </div>

        <div class="modal fade invoice_modal" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel">
        </div>
        <div class="modal fade invoice_edit_modal" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel">
        </div>

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

@endsection