@extends('layouts.app')

@section('content')

      <!-- Content Side -->
    <div class="col col-lg-9 pd-30">
        <!-- Page Title -->
        <div class="page-title divider-b pdb-10 flexbox align-between align-center-y mb-20">
            <!-- Title -->
            <h1 class="reset-block primary-color lineheight-130 fs-20">القضايا المحتمل تداخلها</h1>
            <!-- Buttons -->
            <div class="btns">

                <a href="{{ route('settings.related-issues.create') }}" class="btn small primary miw-120">جديد</a>
            </div>
            <!-- // Buttons -->
        </div>
        <!-- // Page Title -->

        <!-- Cases Categories Table -->
        <div class="responsive-table">
            <table class="table px-datatable striped bordered" data-page-length="10">
                <!-- Table Head -->
                <thead>
                    <tr class="primary-bg fs-13">
                        <th class="w-50 tx-align-center hide-sorting">#</th>
                        <th class="tx-align-start">التصنيف العام</th>
                        <th class="tx-align-start">التصنيف الفرعي</th>
                        <th class="tx-align-start">  التصنيف  العام للقضية المتداخلة</th>
                        <th class="tx-align-start">التصنيف الفرعي للقضية المتداخلة</th>
                        <th class="tx-align-center">تعديل</th>

                    </tr>
                </thead>
                <!-- Table Body -->
                <tbody class="fs-13">
                    <!-- Row -->
                    @foreach ($relatedIssues as $relatedIssue)
                        <tr>
                            <td class="tx-align-center">{{ $loop->iteration }}</td>
                            <td>{{  $relatedIssue->main_category->name }}</td>
                            <td>{{  $relatedIssue->sub_category->name }}</td>
                            <td>{{  $relatedIssue->related_category->name }}</td>
                            <td>{{  $relatedIssue->related_sub_category->name }}</td>
                            <td class="tx-align-center">
                                <a  href="{{ route('settings.related-issues.edit',$relatedIssue->id) }}"
                                    class="btn primary -color tiny next-page" tabindex="0" role="button" aria-pressed="false">تعديل
                                </a>
                            </td>
                        </tr>
                    @endforeach
                    <!-- Row -->

                </tbody>
                <!-- // Table Body -->
            </table>
        </div>
        <!-- // Cases Categories Table -->
    </div>
    <!-- // Content Side -->

@endsection