@extends('layouts.manage')

@section('title')
    @lang('View HSN Codes')
@endsection

@section('page-header-title')
    @lang('View HSN Codes')
    @can('create', App\HsnCode::class)
    <a class="btn btn-sm blue-btn" href="{{route('manage.hsn-codes.create')}}">@lang('New HSN Code')</a>
    @endcan
@endsection

@section('page-header-description')
    @lang("View HSN Codes")
@endsection

@section('styles')
    <!-- DATA TABLE STYLE -->
    <link href="{{asset('css/dataTables.bootstrap.min.css')}}" rel="stylesheet">
    <link href="{{asset('css/dataTables-responsive/fixedHeader.bootstrap.min.css')}}" rel="stylesheet">
    <link href="{{asset('css/dataTables-responsive/responsive.bootstrap.min.css')}}" rel="stylesheet">
    @if(config('settings.export_table_enable'))
    <link href="{{asset('css/dataTables-export/buttons.dataTables.min.css')}}" rel="stylesheet">
    @endif
    @include('includes.datatable_style')
    <style>
        .bolden {
            font-family: "Arial Black";
        }
    </style>
@endsection

@section('scripts')
    <!-- DATA TABLE SCRIPTS -->
    <script src="{{asset('js/jquery.dataTables.min.js')}}"></script>
    <script src="{{asset('js/dataTables.bootstrap.min.js')}}"></script>
    @include('partials.manage.dataTables-responsive')
    
    @if(config('settings.export_table_enable'))
    @include('partials.manage.dataTables-export')
    <script>
        $(document).ready(function () {
            @if(Auth::user()->can('delete', App\HsnCode::class))
                var arrayColumns = [0, 1, 2, 3, 4, 5, 6];
            @else
                var arrayColumns = [0, 1, 2, 3, 4, 5];
            @endif

            var table = $('#hsn-codes-table').DataTable({
                responsive: true,
                dom: 'Bfrtip',
                buttons: [
               {
                   extend: 'pdf',
                   exportOptions: {
                        columns: arrayColumns
                    }
               },
               {
                   extend: 'csv',
                   exportOptions: {
                        columns: arrayColumns
                    }
               },
               {
                   extend: 'excel',
                   exportOptions: {
                        columns: arrayColumns
                    }
               },
               {
                   extend: 'print',
                   exportOptions: {
                        columns: arrayColumns
                    }
               }]
            });
        });
    </script>
    @else
    <script>
        $(document).ready(function () {
            var table = $('#hsn-codes-table').DataTable({
                responsive: true,
            });
            new $.fn.dataTable.FixedHeader( table );
            searchByColumn( table );
        });
    </script>
    @endif
    @include('includes.form_delete_all_script')
    
    @if(config('settings.toast_notifications_enable'))
    <script>
        toastr.options.closeButton = true;
        @if(session()->has('hsn_code_created'))
            toastr.success("{{session('hsn_code_created')}}");
        @endif

        @if(session()->has('hsn_code_deleted'))
            toastr.success("{{session('hsn_code_deleted')}}");
        @endif

        @if(session()->has('hsn_code_not_deleted'))
            toastr.error("{{session('hsn_code_not_deleted')}}");
        @endif
    </script>
    @endif
    
@endsection

@section('content')
    <div class="row">
        <div class="col-md-12">
            @if(session()->has('hsn_code_deleted'))
                <div class="alert alert-success alert-dismissible" role="alert">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    {{session('hsn_code_deleted')}}
                </div>
            @endif

            @if(session()->has('hsn_code_not_deleted'))
                <div class="alert alert-danger alert-dismissible" role="alert">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <strong>{{session('hsn_code_not_deleted')}}</strong>
                </div>
            @endif
            @include('partials.manage.hsn-codes.index')
        </div>
    </div>
@endsection