@extends('portal.user.layouts.app')

@section('content')
    <style>
        .inf-content {
            border: 1px solid #DDDDDD;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.3);
        }

        .white {
            color: white;
        }
    </style>

    <div id="content-wrapper" class="d-flex flex-column">
        <div id="content">
            <nav class="navbar navbar-expand navbar-light bg-white topbar mb-4 static-top shadow">
                <!-- <button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3">
                        <i class="fa fa-bars"></i>
                    </button> -->
                <h2>Agent Profile</h2>
                <ul class="navbar-nav rghtbl ml-auto">

                    {{--                        <li class="nav-item dropdown no-arrow">--}}
                    {{--                            <a class="nav-link dropdown-toggle" href="#" id="userDropdown" role="button"--}}
                    {{--                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">--}}
                    {{--                                <img src="../../dashboard/images/usrimg.png" class="img-fluid" alt="img" />--}}
                    {{--                                <span class="d-none d-lg-inline text-gray-600 small"><b>John Smith</b><small>User--}}
                    {{--                                    </small></span>--}}
                    {{--                            </a>--}}
                    {{--                            <div class="dropdown-menu dropdown-menu shadow animated--grow-in"--}}
                    {{--                                aria-labelledby="userDropdown">--}}
                    {{--                                <a class="dropdown-item" href="#"> <i--}}
                    {{--                                        class="fas fa-user fa-sm fa-fw mr-2 text-gray-400"></i> Account </a>--}}
                    {{--                                <a class="dropdown-item" href="#"> <i--}}
                    {{--                                        class="fas fa-cogs fa-sm fa-fw mr-2 text-gray-400"></i> Setting </a>--}}
                    {{--                                <a class="dropdown-item" href="#" data-toggle="modal" data-target="#logoutModal"> <i--}}
                    {{--                                        class="fas fa-sign-out-alt fa-sm fa-fw mr-2 text-gray-400"></i> Login </a>--}}
                    {{--                            </div>--}}
                    {{--                        </li>--}}
                </ul>
            </nav>
            <div class="main-container margin">
                <div class="card bg-transparent p-0">
                    <div class="container-fluid userProfile">
                        <div class="row">
                            <div class="col-12">
                                <h2 class="heading">Product Details</h2>
                            </div>
                        </div>
                        @foreach($inspections as $inspection)
                            <div class="row align-items-center">
                                <div class="col-md-5">
                                    {{--                        <img alt="" style="width:600px;" title="" class="img-circle img-thumbnail isTooltip" src=""--}}
                                    {{--                             data-original-title="Usuario">--}}
                                    {{--                        <ul title="Ratings" class="list-inline ratings text-center">--}}
                                    {{--                            <li><a href="#"><span class="glyphicon glyphicon-star"></span></a></li>--}}
                                    {{--                            <li><a href="#"><span class="glyphicon glyphicon-star"></span></a></li>--}}
                                    {{--                            <li><a href="#"><span class="glyphicon glyphicon-star"></span></a></li>--}}
                                    {{--                            <li><a href="#"><span class="glyphicon glyphicon-star"></span></a></li>--}}
                                    {{--                            <li><a href="#"><span class="glyphicon glyphicon-star"></span></a></li>--}}
                                    {{--                        </ul>--}}
                                    <div class="productSlider swiper">
                                        <div class="swiper-wrapper">
                                            @foreach($inspection->getMedia('product_image_user') as $ind =>$img)
                                                <div class="swiper-slide">
                                                    <a href="{{ $img->getUrl() }}" class="smallthumb" data-fancybox="">
                                                        <img src="{{ $img->getUrl() }}" alt="">
                                                    </a>
                                                </div>
                                            @endforeach
                                        </div>
                                    </div>
                                    @if(count($inspection->getMedia('product_image_user')) == 0 )
                                        <h4>This Product Have No Gallery!!</h4>
                                    @endif
                                </div>
                                <div class="col-md-6">
                                    <div class="catDetails">
                                        <p>
                                            <strong>
                                                Category
                                            </strong>
                                            {{--                                    @dd($inspection->inspectionDetails)--}}
                                            @foreach($inspection->inspectionDetails as $inspectionDetail)
                                                @if($inspectionDetail->key === 'categories')
                                                    <span>
                                                        {{$inspectionDetail->value}}
                                                    </span>
                                                @endif
                                            @endforeach

                                        </p>
                                        <p>
                                            <strong>
                                                Product Price
                                            </strong>
                                            @foreach($inspection->inspectionDetails as $inspectionDetail)
                                                @if($inspectionDetail->key === 'prices')
                                                    <span>
                                                        {{$inspectionDetail->value}}
                                                    </span>
                                                @endif
                                            @endforeach
                                        </p>
                                        <p>
                                            <strong>
                                                Product Shop Url
                                            </strong>
                                            @foreach($inspection->inspectionDetails as $inspectionDetail)
                                                @if($inspectionDetail->key === 'shop_url')
                                                    <span>
                                                        {{$inspectionDetail->value}}
                                                    </span>
                                                @endif
                                            @endforeach
                                        </p>
                                        <p>
                                            <strong>
                                                Product Shop Name
                                            </strong>
                                            @foreach($inspection->inspectionDetails as $inspectionDetail)
                                                @if($inspectionDetail->key === 'shop_name')
                                                    <span>
                                                        {{$inspectionDetail->value}}
                                                    </span>
                                                @endif
                                            @endforeach
                                        </p>
                                        <p>
                                            <strong>
                                                Shop Email ID
                                            </strong>
                                            @foreach($inspection->inspectionDetails as $inspectionDetail)
                                                @if($inspectionDetail->key === 'shop_email')
                                                    <span>
                                                        {{$inspectionDetail->value}}
                                                    </span>
                                                @endif
                                            @endforeach
                                        </p>
                                        <p>
                                            <strong>
                                                Shop Phone Number
                                            </strong>
                                            @foreach($inspection->inspectionDetails as $inspectionDetail)
                                                @if($inspectionDetail->key === 'shop_phone')
                                                    <span>
                                                        {{$inspectionDetail->value}}
                                                    </span>
                                                @endif
                                            @endforeach
                                        </p>
                                        <p>
                                            <strong>
                                                Shop Address
                                            </strong>
                                            @foreach($inspection->inspectionDetails as $inspectionDetail)
                                                @if($inspectionDetail->key === 'shop_address')
                                                    <span>
                                                        {{$inspectionDetail->value}}
                                                    </span>
                                                @endif
                                            @endforeach
                                        </p>
                                        <p>
                                            <strong>
                                                Shop Zip Code
                                            </strong>
                                            @foreach($inspection->inspectionDetails as $inspectionDetail)
                                                @if($inspectionDetail->key === 'shop_zip')
                                                    <span>
                                                        {{$inspectionDetail->value}}
                                                    </span>
                                                @endif
                                            @endforeach
                                        </p>
                                        <p>
                                            <strong>
                                                Inspection Fees
                                            </strong>
                                            @foreach($inspection->inspectionDetails as $inspectionDetail)
                                                @if($inspectionDetail->key === 'inspection_fee')
                                                    <span>
                                                        {{$inspectionDetail->value}}
                                                    </span>
                                                @endif
                                            @endforeach
                                        </p>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                    <div class="container-fluid userProfile">
                        <div class="row">
                            <div class="col-12">
                                <h2 class="heading mt-5">Agent Details</h2>
                            </div>
                        </div>
                        <div class="row">
                            {{--                @foreach ($inspections as $inspection)--}}
                            <div class="col-md-8">
                                <div class="catDetails">
                                    <p>
                                        <strong>
                                            Agent Name
                                        </strong>
                                        <span>
                                        {{$inspection->userInspector->name ?? ''}}
                                    </span>
                                    </p>
                                    <p>
                                        <strong>
                                            Agent Email
                                        </strong>
                                        <span>
                                        {{$inspection->userInspector->email ?? ''}}
                                    </span>
                                    </p>
                                    <p>
                                        <strong>
                                            Agent Specality Categories
                                        </strong>
                                        <span>
                                        @foreach($inspection->userInspector->inspectorDetail as $item)
                                                @if($item->key === "category")
                                                    {{$item->value ?? ''}}
                                                @endif
                                            @endforeach
                                    </span>
                                    </p>

                                    <p>
                                        <strong>
                                            Agent Can Go States
                                        </strong>
                                        <span>
                                        @foreach($inspection->userInspector->inspectorDetail as $item)
                                                @if($item->key === "canGostate")
                                                    {{$item->value ?? ''}}
                                                @endif
                                            @endforeach
                                    </span>
                                    </p>

                                    <p>
                                        <strong>
                                            Agent Can Go Cities
                                        </strong>
                                        <span>
                                        @foreach($inspection->userInspector->inspectorDetail as $item)
                                                @if($item->key === "canGOcity")
                                                    {{$item->value ?? ''}}
                                                @endif
                                            @endforeach
                                    </span>
                                    </p>


                                    <p>
                                        <strong>
                                            Agent Address
                                        </strong>
                                        <span>
                                        {{$inspection->userInspector->address ?? ''}}
                                    </span>
                                    </p>
                                    <p>
                                        <strong>
                                            Agent Phone Number
                                        </strong>
                                        <span>
                                        {{$inspection->userInspector->phone ?? ''}}
                                    </span>
                                    </p>
                                    <p>
                                        <strong>
                                            Agent State
                                        </strong>
                                        <span>
                                        {{$inspection->userInspector->state ?? ''}}
                                    </span>
                                    </p>
                                    <p>
                                        <strong>
                                            Agent City
                                        </strong>
                                        <span>
                                        {{$inspection->userInspector->city ?? ''}}
                                    </span>
                                    </p>
                                    <p>
                                        <strong>
                                            Agent Zip Code
                                        </strong>
                                        <span>
                                        {{$inspection->userInspector->zip ?? ''}}
                                    </span>
                                    </p>
                                </div>
                            </div>
                            {{--                @endforeach--}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection