@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.big-issues.create') }}" class="btn small primary miw-120"> اضافة</a>
            </div>
            <!-- // Buttons -->
        </div>
        <!-- // Page Title -->


           <form>
                <div class="row justify-content-end">
                    <div class="col-3">
                        <input class="" placeholder="ابحث باسم التصنيف أو بالشرط  " name="key_words" value="{{ request('key_words') }}">
                    </div>
                    <div class="col-2 ">
                        <input class="btn small primary miw-120" type="submit" value="بحث" >
                    </div>
                </div>
           </form>

        <!-- Prisoners Table -->
        <div class="responsive-table">
            <table class="table 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-start">المجموعة الثالثة</th>
                        <th class="tx-align-start">المجموعة الرابعة</th>

                        <th class="tx-align-center">تعديل</th>

                    </tr>
                </thead>
                <!-- Table Body -->
                <tbody class="fs-13">

                    @foreach ($data as $item)
                        <tr>
                            <th class="tx-align-center" >{{ \App\Http\Helper\HelperApp::number_row_paginate($data, $loop->iteration) }} </th>

                            <td>{{ $item->main_category->name }}</td>
                            <td>{{$item->sub_category ?  $item->sub_category->name   : '----'}}</td>

                            @for ($i = 1 ; $i <= 4 ; $i++)
                                <td>
                                    <ul>
                                    @foreach ($item['condition_'.$i] as $condition)
                                        <li>{{ $condition }}</li>
                                    @endforeach
                                    </ul>
                                </td>
                            @endfor
                            <td class="tx-align-center">
                                <a  href="{{ route('settings.big-issues.edit', $item->id ) }}"
                                    class="btn primary -color tiny next-page"
                                    tabindex="0" role="button" aria-pressed="false">تعديل
                                </a>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
            <div style="margin-top: 10px">
                {{ $data->appends(Request::except(['_token']))->links()  }}
            </div>
        </div>
        <!-- // Prisoners Table -->
    </div>
    <!-- // Content Side -->

@endsection