@extends('layouts.app')
@section('title',$prod->name)
@section('content')
    <div id="Product">
        <section id="hero">
        </section>
        <section id="main-product">
            <div class="container">
                <div class="row">
                    <div class="col-lg-5">
                        <div class="wrapper">
                            <img src="{{$prod->photo->file}}" class="img-fluid">
                        </div>
                    </div>
                    <div class="col-lg-7">
                        <h3>{{$prod->name}}</h3>
                        <h6>{{$prod->category->name}}</h6>

                        @if(Session::has('destination'))
                            @if(Session::get('destination') == 'wholesale')
                                @if (Auth::guest())
                                    <p><strong>Please <a href="{{url('/login')}}"><span
                                                        class="text-danger">sign in</span></a>
                                            to view
                                            wholesale price.</strong></p>
                                @else
                                    <h5>
                                        <p><strong>$ {{$prod->price}}</strong>
                                            <small style="font-size:1rem">(per unit)</small>
                                        </p>
                                    </h5>
                                @endif
                            @else
                                <h5><strong>$ {{$prod->price}}</strong></p></h5>
                            @endif
                        @else
                            <h5><strong>$ {{$prod->price}}</strong></p></h5>
                        @endif

                        <hr>
                        <h6>Item Number:{{$prod->sku}}</h6>
                        <hr>
                        <h5><em>Description</em></h5>
                        <h6>{{$prod->description}}</h6>

                        @if(Session::has('destination'))
                            @if(Session::get('destination') == 'wholesale')
                                @if (!Auth::guest())
                                    <hr>
                                    <h6>Unit/Measure:{{$prod->unit->name}}/{{$prod->measure->name}}</h6>
                                @endif
                            @endif
                        @endif


                        @if(Session::has('destination'))
                            @if(Session::get('destination') == 'wholesale')
                                @if (Auth::guest())

                                @else
                                    <hr>
                                    <div class="quantity">
                                        {!! Form::open(['method'=>'POST','action' => ['SiteController@addToCart', $prod->id]]) !!}
                                        {!! Form::number('qty', 1 ,['class'=>'quantity text-center','placeholder'=>'Quantity','min'=>'1']) !!}
                                        {!! Form::submit('Add to Cart', ['class'=>'btn btn-success pl-2 pr-2']) !!}
                                        {!! Form::close() !!}
                                    </div>
                                @endif
                            @else
                                <hr>
                                <div class="quantity">
                                    {!! Form::open(['method'=>'POST','action' => ['SiteController@addToCart', $prod->id]]) !!}
                                    {!! Form::number('qty', 1 ,['class'=>'quantity text-center','placeholder'=>'Quantity','min'=>'1']) !!}
                                    {!! Form::submit('Add to Cart', ['class'=>'btn btn-success pl-2 pr-2']) !!}
                                    {!! Form::close() !!}
                                </div>
                            @endif
                        @else

                        @endif

                    </div>
                </div>
            </div>
            <div class="gutter-bottom"></div>
        </section>
    </div>
@endsection