@extends('layouts.admin')
@section('content')
    <div style="margin-bottom: 10px;" class="row">
        <div class="col-lg-12">
            <a class="btn btn-success" href="{{ route('admin.institutes-categories.create') }}">
                Add Institute Category
            </a>
        </div>
    </div>
    <div class="card">
        <div class="card-header">Institute Category List</div>

        <div class="card-body">
            <div class="table-responsive">
                <table class=" table table-bordered table-striped table-hover">
                    <thead>
                        <tr>
                            <th>Title</th>
                            <th>Description</th>
                            <th>Status</th>
                            <th>Sort Order</th>
                            <th>Action</th>

                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($categoriesData as $key => $data)
                            <tr data-id="{{ $data->id }}">
                                <td>{{ $data->title_bn ?? '' }}</td>
                                <td>{{ $data->title_en ?? '' }}</td>
                                <td>
                                    {!! $data->rec_status == 1
                                        ? '<span class="badge badge-success">Active</span>'
                                        : '<span class="badge badge-danger">Inctive</span>' !!}
                                </td>
                                <td>
                                    {{ $data->sort_order ?? '' }}
                                </td>
                                <td>
                                    <a class="btn btn-xs btn-info editCategory"
                                        href="{{ route('admin.institutes-categories.edit', $data->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() {

            $('.editCategory').click(function(e) {
                e.preventDefault();

                //var url = $(this).attr('href');
                var currentRow = $(this).closest("tr");
                var id = currentRow.data('id');
                var editUrl = '/institutes-categories/' + id + '/edit';


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

        });
    </script>
@endsection