@extends('layouts.admin.app')
@section('title') {{$product->name}} @stop
@section('main')
    <div class="row">
        <div class="col-md-3">
            <div class="box box-primary">
                <div class="box-body box-profile">
                    <img class="img-responsive  mx-auto product-img"
                         src="{{$product->photo['file']}}"
                         alt="User profile picture">
                    <a href="{{route('admin.products.edit', $product->id)}}" class="btn btn-primary btn-block">Edit</a>
                    <button type="button" class="btn btn-danger btn-block" data-toggle="modal"
                            data-target="#delete-modal">
                        Delete
                    </button>
                    <a href="{{route('admin.products.index')}}" class="btn btn-default btn-block">Go Back</a>
                </div>
            </div>
        </div>
        <div class="col-md-9">
            <div class="nav-tabs-custom">
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#details" data-toggle="tab">Product Details</a></li>
                </ul>
                <div class="tab-content">
                    <div class="active tab-pane" id="details">
                        <p>Category: <span class="text-bold">{{$product->category['name']}}</span></p>
                        <p>SKU: <span class="text-bold">{{$product->sku}}</span></p>
                        <p>Product Name: <span class="text-bold">{{$product->name}}</span></p>
                        <p>Description: <span class="text-bold">{{$product->description}}</span></p>
                        <p>Retail Price: <span class="text-bold">{{$product->price_retail}}</span></p>
                        <p>Zone 1 Price: <span class="text-bold">{{$product->price_zone1}}</span></p>
                        <p>Zone 2 Price: <span class="text-bold">{{$product->price_zone2}}</span></p>
                        <p>Unit: <span class="text-bold">{{$product->unit['name']}}</span></p>
                        <p>Measure: <span class="text-bold">{{$product->measure['name']}}</span></p>
                        <p>Warehouse #: <span class="text-bold">{{$product->warehouse}}</span></p>
                        <p>Manual THOLD - Green: <span class="text-bold">{{$product->manual_thold}}</span></p>
                        <p>Manual THOLD - Orange: <span class="text-bold">{{$product->manual_thold_2}}</span></p>
                        <p>Manual THOLD - Red: <span class="text-bold">{{$product->manual_thold_3}}</span></p>
                        <p>Transfer Logs:</p>
                        <div style="background:lightgray; padding:5px; max-height:150px; overflow-y: auto">
                            @if($product->transfer_logs)
                                @foreach($product->transfer_logs as $log)
                                    <p>{{$log['qty']}} cases - {{\Carbon\Carbon::parse($log['date']['date'])->toDateTimeString()}} -
                                    {{$log['email']}}</p>
                                @endforeach
                            @else
                                <p>No Logs</p>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop
@section('footer')
    <div class="modal modal-danger fade" id="delete-modal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">Delete this User</h4>
                </div>
                <div class="modal-body">
                    <p>Are you sure you want to delete {{$product->name}} from the Database?</p>
                </div>
                <div class="modal-footer">
                    {!! Form::open(['method'=>'DELETE','action' => ['AdminProductsController@destroy', $product->id]]) !!}
                    <button type="button" class="btn btn-outline pull-left" data-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-outline">Delete</button>
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>
@stop