@extends('frontend.m9')
@section('styles')
<link rel="stylesheet" type="text/css" href="{{asset('css/productdetail.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('css/bootstrap.min.css')}}">
<link rel="stylesheet" href="{{ asset('css/special-product.css') }}">
<style media="screen">
    button.product_btn_one.disabled {
        opacity: 0.5;
    }
</style>
@endsection
@section('content')
@php $language = session()->get('language'); @endphp
<div id="content" role="main">

    <div class="gb-gnb__bar"></div>
    <div class="cm-breadcrumb">
        <div class="cm-breadcrumb__inner">
            @if($language == 'en')
            <ul class="cm-breadcrumb__path">
                <li><a href="#"><span>Home</span></a> / </li>
                <li>
                    @if($select_parent_category_name == 'smart-phone')
                    <span>Smartphone</span>
                    @elseif($select_parent_category_name == 'watches')
                    <span>Watches</span>
                    @elseif($select_parent_category_name == 'audio')
                    <span>Audio</span>
                    @elseif($select_parent_category_name == 'accessories')
                    <span>Accessories</span>
                    @elseif($select_parent_category_name == 'tablet')
                    <span>Tablet</span>
                    @elseif($select_parent_category_name == 'wearable-accessories')
                    <span>Wearable & Accessories</span>
                    @elseif($select_parent_category_name == 'consumer-electronic')
                    <span>Consumer Electronic</span>
                    @endif /
                </li>
                <li><a href="#"><span>{{$select_category_name}}</span></a> / </li>
                <li><a href="#"><span>{{$product->name_en ?? '-'}}</span></a></li>
            </ul>
            @else
            <ul class="cm-breadcrumb__path">
                <li><a href="#"><span>Home</span></a> / </li>
                <li>@if($select_parent_category_name == 'smart-phone')
                    <span>စမတ်ဖုန်း</span>
                    @elseif($select_parent_category_name == 'watches')
                    <span>နာရီများ</span>
                    @elseif($select_parent_category_name == 'audio')
                    <span>အသံ</span>
                    @elseif($select_parent_category_name == 'accessories')
                    <span>ဆက်စပ်ပစ္စည်းများ</span>
                    @elseif($select_parent_category_name == 'tablet')
                    <span>တက်ဘလတ်</span>
                    @elseif($select_parent_category_name == 'wearable-accessories')
                    <span>Wearable & Accessories</span>
                    @elseif($select_parent_category_name == 'consumer-electronic')
                    <span>Consumer Electronic</span>
                    @endif/
                </li>
                <li><a href="#"><span>{{$select_category_name}}</span></a> / </li>
                <li><a href="#"><span>{{$product->name_en ?? '-'}}</span></a></li>
            </ul>
            @endif
            @php
            $cat1 = Request::segment(2);
            $cat2 = Request::segment(3);
            @endphp
            {{-- {{ Breadcrumbs::render('product_detail',$cat1,$cat2) }} --}}
        </div>
    </div>
    <nav class="navbar navbar-expand-lg navbar-dark sticky-top bg-black">
        <div class="container">
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main_nav">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="main_nav">
                <div class="product-name">{{$product->name_en ?? '-'}}</div>
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item"><a class="nav-link tablinktwo" href="#specisection" onclick="openCityTwo(event, 'specifications')"> Specs </a></li>
                    <li class="nav-item"><a class="nav-link tablinktwo" href="#reviewsection" onclick="openCityTwo(event, 'reviews')"> Reviews </a></li>
                    <li class="nav-item"><a class="nav-link tablinktwo" href="#relatedsection" onclick="openCityTwo(event, 'related')"> Related </a></li>
                    <li class="nav-item"><a class="nav-link tablinktwo" href="#detailsection" onclick="openCityTwo(event, 'details')"> Details </a></li>
                </ul>
            </div> <!-- navbar-collapse.// -->
        </div><!-- container //  -->
    </nav>
    <div class="cart_1">
        @include('flash-message')
    </div>
    @if ($select_parent_category_name == 'tv' || $select_parent_category_name == 'it')
    @include('frontend.product_specification_tv')
    @elseif($select_parent_category_name == 'smart-phone' || $select_parent_category_name == 'tablet' || $select_parent_category_name == 'watches')
    @include('frontend.product_specification')
    @else
    @include('frontend.product_specification_default')
    @endif
</div>
@endsection
@section('scripts')
<script src="{{ asset('js/productdetail.js')}}"></script>
<script src="{{ asset('js/bootstrap-bandle.js')}}"></script>
@endsection