@extends('layouts.userLayout')
@section('content')

<section class="dashboard_section">
    <div class="dashboard_inner top-space">
        @include('user.dashboard.sidebar')
        <div class="right_side_wrap top-space">
            <div class="setting">
                <div class="row">
                    <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                        <div class="breadcame margin">
                            <div class="breadcame_area transaction_breadcame">
                                <div class="left">
                                    <h2>AD's Pedigrees</h2>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                        <div class="user_dogs_pedigrees detail_section pt-0">
                            <div class="pedigree_area">
                                <div class="header">
                                    <div class="text_ar_right float-start">
                                        <div class="button text-start">
                                            <ul>
                                                <li>
                                                    <a href="{{ route('user.appliedPedigrees') }}" class="btn btn-primary"><i class="far fa-long-arrow-left"></i> Back</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="content_area">
                                    <div class="table-responsive">
                                        <table class="table">
                                            <thead>
                                                <tr>
                                                    <td>Parents</td>
                                                    <td>Grand Parents</td>
                                                    <td>Great Grand Parents</td>
                                                    <td>Great Great Grand Parents</td>
                                                </tr>
                                            </thead> 
                                            <tbody>
                                                @foreach($pedigree as $parent)
                                                <tr>
                                                    <td valign="middle">
                                                        <table class="table">
                                                            <tr>
                                                                <td rowspan="8" {{ isset($parent['champion']) && $parent['champion'] == 1 ? 'class=color' : '' }} >{{ $parent['name'] }}</td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                    <td valign="middle">
                                                        <table class="table">
                                                            @foreach($parent['grand_parent'] as $grandParent)
                                                                <tr>
                                                                    <td class="col2  {{ isset($grandParent['champion']) && $grandParent['champion'] == 1 ? 'color' : '' }}"  >{{ $grandParent['name'] }}</td>
                                                                </tr>
                                                            @endforeach
                                                        </table>
                                                    </td>
                                                    <td valign="middle">
                                                        <table class="table">
                                                            @foreach($parent['grand_parent'] as $grandParent)
                                                                @foreach($grandParent['great_grand_parents'] as $greatGrandParent)
                                                                    <tr>
                                                                        <td class="col3 {{ isset($greatGrandParent['champion']) && $greatGrandParent['champion'] == 1 ? 'color' : '' }}">{{ $greatGrandParent['name'] }}</td>
                                                                    </tr>
                                                                @endforeach
                                                            @endforeach
                                                        </table>
                                                    </td>
                                                     <td valign="middle">
                                                        <table class="table">
                                                                @foreach($parent['grand_parent'] as $grandParent)
                                                                    @foreach($grandParent['great_grand_parents'] as $greatGrandParent)
                                                                        @foreach($greatGrandParent['great_great_grandparent'] as $greatGreatGrandParent)
                                                                            <tr>
                                                                                <td {{ isset($greatGreatGrandParent['champion']) && $greatGreatGrandParent['champion'] == 1 ? 'class=color' : '' }} >{{ $greatGreatGrandParent['name'] }}</td>
                                                                            </tr>
                                                                        @endforeach
                                                                    @endforeach
                                                                @endforeach
                                                        </table>
                                                    </td>
                                                </tr>
                                                @endforeach 
                                            </tbody>
                                        </table>
                                    </div>
                                </div>  
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection