@extends('layouts.admin.app')

@section('page-title')
    {{ __('Tire Sizes') }}
@endSection

@section('page-nav-title')
    <div class="app-title">
        <div>
            <h1>{{ $attrs[0]['name'] }}</h1>
            <p>{{ __('Tire Sizes Details') }}</p>
        </div>
        <ul class="app-breadcrumb breadcrumb">
            <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard.index') }}">{{ __('Dashboard') }}</a></li>
            <li class="breadcrumb-item"><a href="{{ route('admin.Products.index', 1) }}">{{ __('Tire Sizes') }}</a></li>
            <li class="breadcrumb-item"><a href="#">{{ __('Details') }}</a></li>
        </ul>
    </div>
@endsection

@section('content')
    @include('includes.dialog')
    <div class="row">
        <div class="col-md-12">
            <div class="buttons-group"></div>
            <div class="tile">
                <div class="tile-body">
                    <div class="table-responsive">
                        <table class="table table-hover table-bordered text-center" id="sampleTable">
                            <thead>
                                <tr>
                                    <th>{{ __('ID') }}</th>
                                    <th>{{ __('Classification-Name') }}</th>
                                    <th>{{ __('explanation-of-classification') }}</th>
                                    {{--                                <th>{{__("Name")}}</th> --}}
                                    {{--                                <th>{{__("Description")}}</th> --}}
                                    {{--                                <th>{{__("Sell Price")}}</th> --}}
                                    {{--                                <th>{{__("Secondary Price")}}</th> --}}
                                    {{--                                <th>{{__("Product Details")}}</th> --}}
                                    {{--                                <th>{{__("Status")}}</th> --}}
                                    {{--                                <th>{{__("Created At")}}</th> --}}
                                    {{--                                <th>{{__("Control")}}</th> --}}

                                </tr>
                            </thead>
                            <tbody>


                                @foreach ($attrs[0]['attributes'] as $key => $productAttr)
                                    <tr>
                                        <td>{{ ++$key }}</td>
                                        <td>{{ $productAttr['main_att_name'] }}</td>
                                        <td>{{ $productAttr['attr_code_name'] }}</td>
                                        {{--                                        <td>{{__("Hello Main Image")}}</td> --}}
                                        {{--                                        <td>@if ($product->getFirstMediaFile('default')) <img src="{{ $product->getFirstMediaFile('default')->url}}" alt="" width="50px"> @endif </td> --}}
                                        {{--                                        <td>{{__("Hello All Images")}}</td> --}}

                                        {{--                                        <td> --}}
                                        {{--                                            <button type="button" class="btn btn-primary view-attachemnts" data-toggle="modal" data-target="#image{{$product->id}}"> --}}
                                        {{--                                                View --}}
                                        {{--                                            </button> --}}
                                        {{--                                            <!-- Modal --> --}}
                                        {{--                                            <div class="modal fade" id="image{{$product->id}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> --}}
                                        {{--                                                <div class="modal-dialog modal-xl"> --}}
                                        {{--                                                    <div class="modal-content" style="height: 800px;overflow-y: auto;"> --}}
                                        {{--                                                        <div class="modal-header"> --}}
                                        {{--                                                            <h5 class="modal-title" id="exampleModalLabel">All Images</h5> --}}
                                        {{--                                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"> --}}
                                        {{--                                                                <span aria-hidden="true">&times;</span> --}}
                                        {{--                                                            </button> --}}
                                        {{--                                                        </div> --}}
                                        {{--                                                        <div class="modal-body mt-2 mb-2" > --}}
                                        {{--                                                            <div class="row"> --}}
                                        {{--                                                                @if ($product->getFirstMediaFile('product_photo')) --}}
                                        {{--                                                                    @foreach ($product->getMediaFiles('product_photo') as $file) --}}
                                        {{--                                                                        <div class="col-4"> --}}
                                        {{--                                                                            <img src="{{$file->url}}" width="100%"> --}}
                                        {{--                                                                        </div> --}}
                                        {{--                                                                    @endforeach --}}
                                        {{--                                                                @endif --}}
                                        {{--                                                            </div> --}}
                                        {{--                                                        </div> --}}
                                        {{--                                                    </div> --}}
                                        {{--                                                </div> --}}
                                        {{--                                            </div> --}}
                                        {{--                                        </td> --}}
                                        {{--                                        <td>{{$product->getNameAttribute()}}</td> --}}
                                        {{--                                        <td>{{$product->getDescriptionsAttribute()}}</td> --}}
                                        {{--                                        <td>{{$product->origin_price}}</td> --}}
                                        {{--                                        <td>{{$product->second_price}}</td> --}}
                                        {{--                                        <td><a href="#" class="btn btn-primary">{{__('View')}}</a></td> --}}
                                        {{--                                        <td class="text-center"> --}}
                                        {{--                                        <span class="status-box @if ($product->status) bg-active-color @else bg-non-active-color @endif"> --}}
                                        {{--                                            {{$product->status ?__("Active") : __("Non-Active")}} --}}
                                        {{--                                        </span> --}}
                                        {{--                                        </td> --}}

                                        {{--                                        <td>@if ($product->getFirstMediaFile('default')) <img src="{{ $product->getFirstMediaFile('default')->url}}" alt="" width="50px">@endif</td> --}}


                                        {{--                                        <td>{{$product->created_at->diffForHumans() ?? []}}</td> --}}
                                        {{--                                        <td> --}}
                                        {{--                                            <a href="{{route("admin.Products.edit", $product->id)}}" class="control-link edit"><i class="fas fa-edit"></i></a> --}}
                                        {{--                                            <form action="{{route("admin.Products.destroy", $product->id)}}" method="post" id="delete{{$product->id}}" style="display: none" data-swal-title="{{__("Delete product")}}" data-swal-text="{{__("Are You Sure To Delete This products?")}}" data-yes="{{__("Yes")}}" data-no="{{__("No")}}" data-success-msg="{{__("the product has been deleted succssfully")}}">@csrf @method("delete")</form> --}}
                                        {{--                                            <span href="#" class="control-link remove form-confirm" data-form-id="#delete{{$product->id}}"><i class="far fa-trash-alt"></i></span> --}}
                                        {{--                                        </td> --}}
                                        {{--                                    </tr> --}}
                                @endforeach
                            </tbody>
                        </table>
                        {{--                        <div> --}}
                        {{--                            @if (!isset($search)) --}}
                        {{--                                @if (count($products) != 0) --}}
                        {{--                                {{$products->links()}} --}}
                        {{--                                @endif --}}
                        {{--                            @endif --}}
                        {{--                        </div> --}}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <!-- Data table plugin-->
    <script type="text/javascript" src="{{ asset('assets/js/plugins/jquery.dataTables.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/js/plugins/dataTables.bootstrap.min.js') }}"></script>
    <script type="text/javascript">
        $('#sampleTable').DataTable();
    </script>
@endsection