@extends('layouts.site')
@section('styles')
@stop
@section('content')
<div class="container-fluid">
    <div class="row justify-content-center">
        <!-- START SECTION SHOP -->
        <div class="section">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 col-md-6 mb-4 mb-md-0">
                      <div class="product-image">
                            <div class="product_img_box">
                                <img id="product_img" src="{{ asset('assets/images/seeds') }}/{{$seed->seed_file }}" alt="{{$seed->seed_file }}" />
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6">
                        <div class="pr_detail">
                            <div class="product_description">
                                <h4 class="product_title"><a href="#">{{ $seed->common_name }}</a></h4>
                                <div>
                                    <ul class="product-meta">
                                        <li>Scientific Name: <a href="#">{{ $seed->scientific_name }}</a></li>
                                        <li>Seed Family: <a href="#">{{ $seed->seed_family }}</a></li>
                                        <li>Weight(g): <a href="#">{{ $seed->weight }}</a></li>
                                        <li>Germination Code: <a data-toggle="tooltip" data-placement="top" title="{{ $germationCodes[$seed->germination_code] }}">{{ $seed->germination_code }}</a></li>
                                        <li>Sun Exposure: <a href="#">{{ $seed->sun_exposure }}</a></li>
                                        <li>Soil Moisture: <a href="#">{{ $seed->soil_moisture }}</a></li>
                                        <li>Bloom Time: <a href="#">{{ $seed->bloom_time }}</a></li>
                                        <li>Bloom Colour: <a href="#">{{ $seed->bloom_colour }}</a></li>
                                    </ul>
                                </div>
                            </div>
                            <hr />
                            <div class="cart_extra">
                                <div class="cart_btn">
                                    <a class="btn btn-fill-out btn-addtocart" href="@if(auth()->check()){{route('seed.request')}}?seed_family={{ $seed->seed_family }}&seed_name={{ $seed->common_name }}@else{{ route('login')}}@endif"><i class="icon-basket-loaded"></i> Seed Request</a>
                                </div>
                            </div>
                            <hr />
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                        <div class="large_divider clearfix"></div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                        <div class="tab-style3">
                            <ul class="nav nav-tabs" role="tablist">
                                <li class="nav-item">
                                    <a class="nav-link active" id="Description-tab" data-toggle="tab" href="#Description" role="tab" aria-controls="Description" aria-selected="true">Description</a>
                                </li>
                            </ul>
                            <div class="tab-content shop_info_tab">
                                <div class="tab-pane fade show active" id="Description" role="tabpanel" aria-labelledby="Description-tab">
                                    <p>{{ $seed->notes }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END SECTION SHOP -->
    </div>
</div>
@endsection