@extends('layouts.main')

@section('title')
    विवाद
@endsection



@section('content')
    <section class="mr-4 mt-2">
        <div class="card">
            <div class="card-header">
                <a href="{{ route('digital-profile.index') }}" style="float: left"><i class="fas fa-arrow-left arrow"></i></a>
                <span class="card-title">विवाद</span>
            </div>
            <!-- MultiStep Form -->

            <div class="container-fluid" id="grad1">
                <div class="row justify-content-center mt-0 p-3">

                    <h6>विषय: {{$disputeType->title}}</h6>

                  <ul class="nav nav-tabs" id="myTab" role="tablist">
                        @foreach ($disputeType->disputeSubTypes as $dst)
                                <li class="nav-item" role="presentation">
                                <button class="nav-link
                                @if ($loop->index==0)
                                active
                                @endif
                                " id="home-tab" data-bs-toggle="tab" data-bs-target="#tab{{$loop->index}}" type="button" role="tab" aria-controls="home" aria-selected="{{$dst->title}}">{{$dst->title}}</button>
                                </li>
                        @endforeach

                      </ul>
                      <div class="tab-content" id="myTabContent">
                        @foreach ($disputeType->disputeSubTypes as $dst)

                            <div class="tab-pane fade show
                            @if ($loop->index==0)

                            active
                            @endif

                            " id="tab{{$loop->index}}" role="tabpanel" aria-labelledby="home-tab">
                                <h6 class="p-1">कानुन : {{$dst->title}} </h6>
                                <h6 class="p-1">भाग :{{$dst->part}}</h6>
                                <h6 class="p-1">परिच्छेद :{{ $dst->disputeParagraphs->first()->title}}</h6>
                                <table class="table table-bordered">
                                    <tr>
                                        <th>दफा नं
                                        </th>
                                        <th>दफा र्शिषक
                                        </th>
                                        <th>उप दफा
                                        </th>
                                        <th>व्यवस्था
                                        </th>
                                    </tr>
                                     @foreach ($dst->disputeParagraphs->first()->disputeSections as $ds)
                                        <tr>
                                            <td>{{$ds->section_no}}</td>
                                            <td>{{$ds->section_title}}</td>
                                            <td>{{$ds->sub_section_no}}</td>
                                            <td>{{$ds->description}}</td>

                                        </tr>
                                    @endforeach
                                </table>
                            </div>
                        @endforeach
                      </div>




                </div>
            </div>
        </div>

@endsection