@extends("layouts.user.app")
@section("page-title")
    {{__("Dashboard")}}
@endSection
@section("page-nav-title")
    <div class="app-title">
        <div>
            <h1><i class="fa fa-dashboard"></i>{{__("Products")}}</h1>
            <p>{{__("All Products")}}</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="#">{{__("Dashboard")}}</a></li>
            <li class="breadcrumb-item"><a href="#">{{__("Products")}}</a></li>
        </ul>
    </div>
@endsection

@section("content")
    @include("includes.dialog")

    <div class="row">
        <div class="col-md-12">
            <div class="buttons-group">
{{--                @php--}}
{{--                dd($userType);--}}
{{--                @endphp--}}
                <a href="{{route("user.Products.create",$userType)}}" class="btn btn-primary"><i class="fas fa-plus"></i> {{__('Create Product')}}</a>
            </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>{{__("Name")}}</th>
                                <th>{{__("Main Image")}}</th>
                                <th>{{__("All Image")}}</th>
                                <th>{{__("Price For Client")}}</th>
                                <th>{{__("Price For Garage")}}</th>
                                <th>{{__("Region")}}</th>
                                <th>{{__("Widget Status")}}</th>
{{--                                <th>{{__("Status Origin")}}</th>--}}
{{--                                <th>{{__("Status Use")}}</th>--}}
                                <th>{{__("Supplier Name")}}</th>
                                <th>{{__("Shipping From")}}</th>
                                <th>{{__("Created At")}}</th>
                                <th>{{__("Control")}}</th>
                            </tr>
                            </thead>
                            <tbody>
                                @foreach($products as $product)
                                    <tr>
                                        <td>{{$product->id}}</td>
                                        <td>{{$product->name}}</td>
                                        <td>@if($product->getFirstMediaFile('default')) <img src="{{ $product->getFirstMediaFile('default')->url}}" alt="" width="50px">@endif</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->price_for_client}}</td>
                                        <td>{{$product->price_for_garage}}</td>
                                        <td>{{$product->getNameOfCountryAttribute()}}</td>
                                        <td>{{$product->statusOrigin->{'name_'.\Illuminate\Support\Facades\App::getLocale()} }}</td>
{{--                                        <td>{{$product->status_origin == 0 ? "Commercial" : "Original"}}</td>--}}
{{--                                        <td>{{$product->status_use == 0 ? "Used" : "New"}}</td>--}}
                                        <td>{{$product->supplier_name}}</td>
                                        <td>{{$product->shipping_from}}</td>
                                        <td>{{$product->created_at->diffForHumans()}}</td>
                                        <td>
                                            <a href="{{route("user.Products.edit", $product->id)}}" class="control-link edit"><i class="fas fa-edit"></i></a>
                                            <form action="{{route("user.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>
                </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