{{-- layout --}}
@extends('layouts.contentLayoutMaster')

{{-- page title --}}
@section('title','Users View')

{{-- page style --}}
@section('page-style')
<link rel="stylesheet" type="text/css" href="{{asset('css/pages/page-users.css')}}">
@endsection

{{-- vendors styles --}}
@section('vendor-style')
<link rel="stylesheet" type="text/css" href="{{asset('vendors/flag-icon/css/flag-icon.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/magnific-popup/magnific-popup.css')}}">
@endsection


@section('content')
<!-- products show start -->
<div class="section users-view">
    <div class="pb-1">
        <a class="waves-effect waves-light btn red" href="{{ route('admin.products.index') }}"><i class="material-icons left">arrow_back</i>Back</a>
    </div>
    <!-- product view media object start -->
    <div class="card-panel">
        <div class="row">
            <div class="col s12 m7">
                <div class="display-flex media">
                    @if(isset($product->images[0]))
                    <a href="#" class="avatar">
                        <img src="{{ url($product->images[0]->full_image) ?? null }}" alt="users view avatar" class="z-depth-4 circle" height="64" width="64">
                    </a>
                    @endif
                    <div class="media-body">
                        <h6 class="media-heading">
                            <span class="users-view-name">{{ $product->model }}</span>
                        </h6>
                        <span>ID:</span>
                        <span class="users-view-id">{{ $product->id }}</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- product view media object ends -->

    <!-- product view card details start -->
    <div class="card">
        <div class="card-content">
            <div class="row">
                <div class="col s12">
                    <h6 class="mb-2 mt-2"><i class="material-icons">error_outline</i> Product Info</h6>
                    <table class="striped">
                        <tbody>
                            {{-- <tr>
                                <td>Type:</td>
                                <td>{{ $product->type }}</td>
                            </tr> --}}
                            <tr>
                                <td>Model:</td>
                                <td>{{ $product->model }}</td>
                            </tr>
                            <tr>
                                <td>Normal Price:</td>
                                <td>{{ $product->inventory && $product->inventory->normal_price ? $product->inventory->normal_price : '-' }}</td>
                            </tr>
                            <tr>
                                <td>Discounted Price:</td>
                                <td>{{ $product->inventory && $product->inventory->discounted_price ? $product->inventory->discounted_price : '-' }}</td>
                            </tr>

                            @foreach ($product->prices as $price)
                                <tr>
                                    <td>{{ $price->merchantClass->name }} Price:</td>
                                    <td>{{ $price->price }}</td>
                                </tr>
                            @endforeach
                            {{-- <tr>
                                <td>Discount Range Price</td>
                                <td>
                                    @forelse ($product->inventory->discountInventoryRanges as $range)
                                        {{ $range->range_price }}(From - {{ $range->from_quantity }} to - {{ $range->to_quantity }}) <br>
                                    @empty
                                        -
                                    @endforelse
                                </td>
                            </tr> --}}
                            <tr>
                                <td>Quantity:</td>
                                <td>{{ $product->inventory && $product->inventory->actual_stock ? $product->inventory->actual_stock : '-' }}</td>
                            </tr>
                            <tr>
                                <td>Category:</td>
                                <td>{{ $product->category && $product->category->name ? $product->category->name : '-' }}</td>
                            </tr>
                            <tr>
                                <td>Usage Area:</td>
                                <td>
                                    @foreach ($product->usageAreas as $usage_area)
                                        {{ $usage_area->name }}
                                        @if (!$loop->last)
                                            ,
                                        @endif
                                    @endforeach
                                </td>
                            </tr>
                            <tr>
                                <td>Created User:</td>
                                <td>{{ isset($product->productLogs[0]) && $product->productLogs[0]->user ? $product->productLogs[0]->user->name : '-' }}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <!-- </div> -->
        </div>
    </div>
    <!-- product view card details ends -->

    <!-- product view card details start -->
    <div class="row col s12">
        <div class="masonry-gallery-wrapper">
            <div class="popup-gallery">
              <div class="gallery-sizer"></div>
              <div class="row">
                @foreach ($product->images as $image)
                <div class="col s12 m6 l4 xl2">
                    <div>
                      <a href="{{ $image->thumbnail_image }}" title="">
                        <img src="{{ $image->thumbnail_image }}" class="responsive-img mb-10" alt="">
                      </a>
                    </div>
                  </div>
                  @endforeach
              </div>
            </div>
        </div>
    </div>
    <!-- product view card details ends -->

</div>
<!-- products show ends -->
@endsection

{{-- page script --}}
@section('page-script')
<script src="{{asset('js/scripts/media-gallery-page.js')}}"></script>
<script src="{{asset('js/scripts/page-users.js')}}"></script>
@endsection
{{-- vendor scripts --}}
@section('vendor-script')
<script src="{{asset('vendors/magnific-popup/jquery.magnific-popup.min.js')}}"></script>
<script src="{{asset('vendors/imagesloaded.pkgd.min.js')}}"></script>
@endsection