@extends('layouts.master')
@section('content')

<div class="app-page-title">
    <div class="page-title-wrapper">
        <div class="page-title-heading">

            <div>
                {{ $pageTitle }}

            </div>
        </div>
        <div class="page-title-actions">
            @if(auth()->user()->roles->first()->permissions->contains('name', 'Manage tax tables'))


            <div class="d-inline-block dropdown">

                <a class="btn-shadow btn btn-success" href="{{ route($routeBase .'.create-tax-band', $data->id) }}">
                    <i class="fa fa-plus "></i>

                    <span>Add a Tax Band</span>
                </a>

            </div>
            @endif
        </div>

    </div>
    @if(isset($error) || session('error'))
    <div class="alert alert-danger">
        {{ $error ?? session('error')  }}
    </div>
    @endif
    @if(session('success'))
    <div class="alert alert-success">
        {{ session('success') }}
    </div>
    @endif
</div>


<div class="main-card mb-3 card">
    <div class="card-body">
        <div class="row">
            <div class="col-md-12">
                <a href="{{ route('pam-tax-tables.index') }}"> <i class="fa fa-arrow-left"></i></a>
                <div class="card-title text-center">{{ $data->code }} Tax Table</div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12 mb-3">
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="tax_year_id">Financial Year: {{ $data->pamTaxYear->code }}</label>
                        </div>
                        <div class="form-group">
                            <label for="code">Code: {{ $data->code }}</label>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="form-label" for="description">Description: {{ $data->description }}</label>
                        </div>
                        <div class="form-group">
                            <label for="start_date">Start Date: {{ $data->start_date }}</label>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="form-label" for="status">Status: {{ $data->status }}</label>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="main-card mb-3 card">
                    <div class="card-body">
                        <div class="card-title text-center">{{ $data->code }} Tax Band</div>
                        <table style="width: 100%;" id="example1" class="display nowrap table table-hover table-striped table-bordered">
                            <thead>
                                <tr>
                                    <th>From Amount</th>
                                    <th>To Amount</th>
                                    <th>Taxable Amount</th>
                                    <th>Tax Percentage</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($pamTaxBands as $item)
                                <tr>
                                    <td>{{ $item->from_amount }}</td>
                                    <td>{{ $item->to_amount }}</td>
                                    <td>{{ $item->taxable_amount }}</td>
                                    <td>{{ $item->tax_percentage }}</td>
                                    <td style="text-align: right;">
                                        @canany('Manage tax tables definitions')
                                        <a data-bs-toggle="modal" data-bs-target="#deleteModal-{{$item->id}}" class="btn cur-p btn-danger btn-color"><i class="fa fa-trash"></i></a>
                                        @endcanany
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="mb-3 col-md-6">
                <div class="form-group">
                    <button type="button" class="btn btn-success btn-color" onclick="window.location.href='{{ route('pam-tax-tables.index') }}'">Close</button>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection
<!-- Include Bootstrap CSS -->
@section('modal')
@foreach ($pamTaxBands as $key => $item)
<div class="modal fade" id="deleteModal-{{ $item->id }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Delete {{ $item->from_amount }} to {{ $item->to_amount }}  Tax Band Confirmation</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <p class="mb-0">
                    Are you sure you want to delete the {{ $item->from_amount }} to {{ $item->to_amount }} Tax Band?
                </p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-dark" data-bs-dismiss="modal">No</button>
                <a href="{{ route('pam-tax-tables.destroy-tax-band', [$item->id, $data->id]) }}" class="btn btn-outline-success me-3">Yes</a>
            </div>
        </div>
    </div>
</div>

@endforeach
@endsection