@extends('users.layouts.index')

@section('page_content')

<link href="{{ asset('css/productdetail.css') }}" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>



<section id="productdetail">

    <div class="container productdetail">
        @if ($message = Session::get('error'))
        <div class="alert alert-danger alert-block">
            <button type="button" class="close" data-dismiss="alert">×</button>
            <strong>{{ $message }} <a href="{{ url('user/order/again') }}">Custom Order</a> </strong>
        </div>
        @endif
        <h2 class="productdetailHead">{!! $products->name!!}</h2>

   <div class="row">
            <div class="col-md-6 ">
                <img id="product_img_color" src="{{$products->image}}" class="img-responsive productdetailimg" alt="">

            </div>
            <div class="col-md-6">
                <h1 class="row txtorange"><strong>${{ $products->price }}</strong></h1>



                {!! Form::open(['id'=>'my_form','method' => 'POST', 'route' => ['cart.save' ], 'files'=>true]) !!}
                <input type="hidden" name="prod_id" value="{{$products->id}}">

                <div class="row form-horizontal">
                    <div class="col-sm-4">
                        <div class="row">
                            <label for="color"><strong>Color</strong></label>
                            <br />
<b>Notice</b>:  Undefined variable: products in <b>/home/demohatinco/public_html/petmates_backend/resources/views/users/productdetails/product.blade.php</b> on line <b>38</b><br />
<br />
<b>Notice</b>:  Trying to get property 'colors' of non-object in <b>/home/demohatinco/public_html/petmates_backend/resources/views/users/productdetails/product.blade.php</b> on line <b>38</b><br />
                            <select id="colorselect" class="form-control" name="color_id" onchange="change_img()">
                                @foreach ($colors as $c)
                                <option colorsrc="{!!$c->image!!}" name="colorsrc" value="{!!$c->id!!}">{{$c->color}}
                                </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <label for="color"><strong>QTY:</strong></label>


                        <input class="form-control" type="number" min="1" name="qty" placholder="01" required>
                    </div>
                    <div class="col-sm-4">

                        <button type="submit" class="ob">Add to Cart</button>

                    </div>
                </div>
                <div class="row">
                    <h3 class="productdetailHead">{!! $products->detail !!}</h3>
                    {!!Form::close()!!}


                </div>
            </div>
        </div>
    </div>

    </div>
    </div>
    </div>
    <!-- Modal -->
    <div class="container">

        <div class="modal fade" tabindex="-1" role="dialog" id="myModal">
            <div class="modal-dialog ">

                <!-- Modal content-->
                <div class="modal-content modalbg">
                    <div class="modal-body">
                        <div class="text-center">
                            <img src="{{ asset('images/tick.png') }}" alt="">
                            <h4 class="taxt-center"><strong>{!! $products->name!!} </strong></h4>
                            {{-- <h4><strong>has been added to your cart. </strong></h4> --}}
                            <div class="row text-cnter">
                                <div class="col-sm-12">
                                    <a href='{{url('user/shop')}}' class="btn btn-lg btncontinuueshoping">

                                    <span> <img src="{{ asset('images/left.png') }}"/>
                                        </span>Continue Shopping</a>
                                    <a href="{{url('user/cart')}}" class="btn btn-lg btngotocart">
                                        <span> <img src="{{ asset('images/right.png') }}"/></span> Go to Cart</a>
                                </div>
                                <div class="col-sm-4"></div>
                            </div>

                        </div>
                    </div>

                </div>

            </div>
        </div>

    </div>
    </div>

    </div>
    @endsection

    @section('app_jquery')

    <script>
        $(function(){
         <br />
<b>Fatal error</b>:  Uncaught Error: Class 'Session' not found in /home/demohatinco/public_html/petmates_backend/resources/views/users/productdetails/product.blade.php:117
Stack trace:
#0 {main}
  thrown in <b>/home/demohatinco/public_html/petmates_backend/resources/views/users/productdetails/product.blade.php</b> on line <b>117</b><br />