@extends('layouts.admin')
@section('content')
    <div class="card">
        <div class="card-header">
            <h4 style="float:left" class="">Board List</h4>
            <a style="float:right" class="btn btn-success" href="{{ route('admin.boards.create') }}">
                Create Board
            </a>
        </div>

        <div class="card-body">
            <div class="table-responsive">
                <table class=" table table-bordered table-striped table-hover">
                    <thead>
                        <tr>
                            <th>Board Name bn</th>
                            <th>Board Name en</th>
                            <th>Board Short Name</th>
                            <th>Board Code</th>
                            <th>Institute Categories</th>
                            <th>Districts</th>
                            <th>Action</th>

                        </tr>
                    </thead>
                    <tbody id="boardData">
                        @foreach ($boardData['data'] as $board)
                            <tr data-id="{{ $board['id'] }}">
                                <td>{{ $board['board_name_bn'] }}</td>
                                <td>{{ $board['board_name_en'] }}</td>
                                <td>{{ $board['board_short_name'] }}</td>
                                <td>{{ $board['board_code'] }}</td>

                                <td>
                                    @php
                                        $categoryTitles = [];
                                        foreach ($board['institute_categories'] as $category) {
                                            $categoryTitles[] = $category['institute_category']['title_en'];
                                        }
                                        echo implode(', ', $categoryTitles);
                                    @endphp
                                </td>

                                <td>
                                    @php
                                        $districtTitles = [];
                                        foreach ($board['districts'] as $district) {
                                            $districtTitles[] = $district['district']['district_name_bn'];
                                        }
                                        echo implode(', ', $districtTitles);
                                    @endphp
                                </td>

                                <td>
                                    <a class="btn btn-xs btn-info editBoard" href="{{ route('admin.boards.edit', $board['id'])}}">
                                        {{ trans('global.edit') }}
                                    </a>

                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection
@section('scripts')
    <script>
        window.apiUrl = "{{ config('app.master_base_url') }}";

        $(document).ready(function() {
            $('.editBoard').click(function(e) {
                e.preventDefault();

                //var url = $(this).attr('href');
                var currentRow = $(this).closest("tr");
                var id = currentRow.data('id');

                $.ajax({
                    url: apiUrl + '/boards/' + id + '/edit',
                    type: 'GET',
                    success: function(response) {
                        console.log(response);
                        setTimeout(() => {
                            window.location.href= "boards/"+id+"/edit";
                        }, 1000)
                    },
                    error: function(xhr, status, error) {
                        console.error(xhr.responseText);
                    }
                });
            });
        });
    </script>
@endsection