@extends('layouts.admin')

@section('title', 'Account List')
@section('content-header', 'Account List')
@section('content')
    <div class="card">
        <div class="card-body">
            <table class="table">
                <thead>
                <tr>
                    <th>BID</th>
                    <th>Description</th>
                    <th>Base License (RM)</th>
                    <th>Percentage GTO (%)</th>
                    <th>Pro-Rated Base License (RM)</th>
                    <th>Status</th>
                </tr>
                </thead>
                <tbody>
                @foreach ($branches as $branch)
                    @if(in_array($branch->BID, $branch_access))
                        <tr>
                            <td>{{ $branch->BID }}</td>
                            <td>{{ $branch->Description }}</td>
                            <td>{{ $branch->base_license }}</td>
                            <td>{{ $branch->percentage_gto }}</td>
                            <td>{{ $branch->pro_rated_base_license }}</td>
                            <td>
                                <span class="right badge badge-{{ $branch->Actflag ? 'success' : 'danger' }}">{{$branch->Actflag ? 'Active' : 'Inactive'}}</span>
                            </td>
                            <td>
                                <a href="{{ route('accounts.edit', $branch->BID) }}" class="btn btn-primary"><i class="fa-solid fa-pen-to-square nav-icon"></i></a>
                            </td>
                        </tr>
                    @endif
                @endforeach
                </tbody>
            </table>
            {{ $branches->render() }}
        </div>
    </div>
@endsection

@section('js')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/11.7.5/sweetalert2.min.js"></script>
    <script>
        $(document).ready(function () {
            $(document).on('click', '.btn-delete', function () {
                $this = $(this);
                const swalWithBootstrapButtons = Swal.mixin({
                    customClass: {
                        confirmButton: 'btn btn-success',
                        cancelButton: 'btn btn-danger'
                    },
                    buttonsStyling: false
                })

                swalWithBootstrapButtons.fire({
                    title: 'Are you sure?',
                    text: "Do you really want to delete this branch?",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonText: 'Yes, delete it!',
                    cancelButtonText: 'No',
                    reverseButtons: true
                }).then((result) => {
                    if (result.value) {
                        $.post($this.data('url'), {_method: 'DELETE', _token: '{{csrf_token()}}'}, function (res) {
                            $this.closest('tr').fadeOut(500, function () {
                                $(this).remove();
                            })
                        })
                    }
                })
            })
        })
    </script>
@endsection