@php
    $color=['table-custom','table-primary','table-secondary','table-success','table-danger','table-warning','table-info','table-light','table-primary','table-secondary','table-success','table-danger','table-warning','table-info','table-light','table-primary','table-secondary','table-success','table-danger','table-warning','table-info','table-light','table-primary','table-secondary','table-success','table-danger','table-warning','table-info','table-light','table-primary','table-secondary','table-success','table-danger','table-warning','table-info','table-light'];
    $btn_color=['btn btn-green','btn btn-lime','btn btn-yellow','btn btn-orange','btn btn-red','btn btn-pink','btn btn-purple','btn btn-indigo','btn btn-azure','btn btn-blue','btn btn-teal','btn btn-cyan','btn btn-gray','btn btn-gray-dark'];
@endphp

<table class="table border  text-md-nowrap mb-0">
                                            {{-- <thead  class="table-info"> --}}
                                                {{-- border-bottom: 1px solid #e9edf4; --}}
                                                <tbody >
                                                    <tr class="{{$color[0]}} table-border">
                                                    <td>Package</td>
                                                    <td>:</td>
                                                    <td>{{$product->package_name}}</td>
                                                    </tr>


                                                    <tr class="{{$color[0]}} table-border">
                                                    <td>Category</td>
                                                    <td>:</td>
                                                    <td>{{$product->category_name}}</td>
                                                    </tr>

                                                    <tr class="{{$color[0]}} table-border">
                                                    <td>Type</td>
                                                    <td>:</td>
                                                    <td>{{$product->type_name}}</td>
                                                    </tr>

                                                    <tr class="{{$color[0]}} table-border">
                                                    <td>Location</td>
                                                    <td>:</td>
                                                    <td>{{$product->location}}</td>
                                                    </tr>


                                                    <tr class="{{$color[0]}} table-border">
                                                    <td>Maximum Number Of Peoples</td>
                                                    <td>:</td>
                                                    <td>{{$product->peoples_limit}}</td>
                                                    </tr>

                                                    <tr class="{{$color[0]}} table-border">
                                                    <td>Duration</td>
                                                    <td>:</td>
                                                    <td>{{$product->duration_days}} Days {{$product->duration_nights}} Nights</td>
                                                    </tr>


                                                    <tr class="{{$color[0]}} table-border">
                                                    <td>Features</td>
                                                    <td>:</td>
                                                    <td class="text-center d-flex" style="justify-content: space-evenly;">
                                                        @foreach($features as $feats)
                                                        <div>
                                                            <a style="cursor: pointer;" target="_blank" href="/uploads/features_image/{{$feats->feature_image}}">
                                                                <img width="50px"  src="/uploads/features_image/{{$feats->feature_image}}"  >
                                                                <p>{{ $feats->feature_name }}</p>
                                                            </a>
                                                        </div>
                                                        @endforeach
                                                    </td>
                                                    </tr>


                                                    @if($product->package_description != "")
                                                    <tr class="{{$color[0]}} table-border">
                                                    <td>Description</td>
                                                    <td>:</td>
                                                    <td ><p>{!! $product->package_description !!}</p></td>
                                                    </tr>
                                                    @endif

                                                    <tr class="{{$color[0]}} table-border">
                                                    <td>Title Image</td>
                                                    <td>:</td>
                                                    <td class="text-center" ><a style="cursor: pointer;" target="_blank" href="/uploads/package_img/{{$product->main_image}}"><img width="290"  src="/uploads/package_img/{{$product->main_image}}"  ></a></td>
                                                    </tr>

                                                    @if($product->image_1 != "")
                                                    <tr class="{{$color[0]}} table-border">
                                                    <td>Image 1</td>
                                                    <td>:</td>
                                                    <td class="text-center" ><a style="cursor: pointer;" target="_blank" href="/uploads/package_img/{{$product->image_1}}"><img width="290"  src="/uploads/package_img/{{$product->image_1}}"  ></a></td>
                                                    </tr>
                                                    @endif




                                                    @if($product->image_2 != "")
                                                    <tr class="{{$color[0]}} table-border">
                                                    <td>Image 2</td>
                                                    <td>:</td>
                                                    <td class="text-center" ><a style="cursor: pointer;" target="_blank" href="/uploads/package_img/{{$product->image_2}}"><img width="290"  src="/uploads/package_img/{{$product->image_2}}"  ></a></td>
                                                    </tr>
                                                    @endif


                                                    @if($product->image_3 != "")
                                                    <tr class="{{$color[0]}} table-border">
                                                    <td>Image 3</td>
                                                    <td>:</td>
                                                    <td class="text-center" ><a style="cursor: pointer;" target="_blank" href="/uploads/package_img/{{$product->image_3}}"><img width="290"  src="/uploads/package_img/{{$product->image_3}}"  ></a></td>
                                                    </tr>
                                                    @endif

                                                    @if($product->image_4 != "")
                                                    <tr class="{{$color[0]}} table-border">
                                                    <td>Image 4</td>
                                                    <td>:</td>
                                                    <td class="text-center" ><a style="cursor: pointer;" target="_blank" href="/uploads/package_img/{{$product->image_4}}"><img width="290"  src="/uploads/package_img/{{$product->image_4}}"  ></a></td>
                                                    </tr>
                                                    @endif
                                                </tbody>

                                        </table>