@extends('layouts.admin-main')
@section('content')
    <style>

        /* Style the Image Used to Trigger the Modal */
        #myImg {
            border-radius: 5px;
            cursor: pointer;
            transition: 0.3s;
        }

        #myImg:hover {opacity: 0.7;}

        /* The Modal (background) */
        .modal {
            display: none; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 10000000000000000000000; /* Sit on top */
            padding-top: 100px; /* Location of the box */
            left: 0;
            top: 0;
            width: 100%; /* Full width */
            height: 100%; /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background-color: rgb(0,0,0); /* Fallback color */
            background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
        }

        /* Modal Content (Image) */
        .modal-content {
            margin: auto;
            display: block;
            width: 80%;
            max-width: 700px;
        }

        /* Caption of Modal Image (Image Text) - Same Width as the Image */
        #caption {
            margin: auto;
            display: block;
            width: 80%;
            max-width: 700px;
            text-align: center;
            color: #ccc;
            padding: 10px 0;
            height: 150px;
        }

        /* Add Animation - Zoom in the Modal */
        .modal-content, #caption {
            animation-name: zoom;
            animation-duration: 0.6s;
        }

        @keyframes zoom {
            from {transform:scale(0)}
            to {transform:scale(1)}
        }

        /* The Close Button */
        .close {
            z-index: 20000000000;
            position: absolute;
            top: 50px;
            right: 35px;
            color: red;
/*            font-size: 50px;*/
            font-weight: bold;
            transition: 0.3s;
        }

        .close:hover,
        .close:focus {
            color: #bbb;
            text-decoration: none;
            cursor: pointer;
        }

        /* 100% Image Width on Smaller Screens */
        @media only screen and (max-width: 700px){
            .modal-content {
                width: 100%;
            }
        }

    </style>
    <div class="col-lg-12">
        <div class="card-body shadow-1">
            <div class="row">
                <div class="col-md-12 col-xs-12 col-sm-12 col-lg-12 col-xl-12 margin-tb">
                    <div class="row border-top">
                        <div class="col-md-10 col-xs-10 col-sm-10 col-xl-11 col-lg-10 my-2">
                            <form method="GET" action="{{ route('products.index') }}" id="search-form">
                                <div class="row">
                                    <div class="col-md-12 col-sm-12 col-xs-12 col-lg-12 col-xl-12 mt-2" id="noPrint" style="display: flex;justify-content: space-between;align-items: start">
                                        <select onchange="this.form.submit()" name="for_sale" id="for_sale" class="form-control mr-2" required="" style="width: 25%;">
                                            <option value="-1">{{__('message.all product')}}</option>
                                            <option value="1" @if($for_sale==1) selected @endif>{{__('message.for sale')}}</option>
                                            <option value="0" @if($for_sale==0) selected @endif>{{__('message.not for sale')}}</option>
                                            <option value="2" @if($for_sale==2) selected @endif>{{__('message.services')}}</option>
                                        </select>
                                        <select class="select2 form-control w-100 ml-2 mr-2" id="product_category_id" name="product_category_id" onchange="submit()" style="width: 20% !important;">
                                            <option value="0">{{__('message.selected all')}}</option>
                                            @foreach($main_categories as $main)
                                                <option value="{{$main->id}}" style="font-weight: bold;font-size: 14px" @if($main->id == $product_category_id) selected @endif>{{$main->name}}</option>
                                                @foreach($main->children as $child)
                                                    <option value="{{$child->id}}" @if($child->id == $product_category_id) selected @endif>&nbsp; &nbsp;&nbsp;{{$child->name}}</option>
                                                @endforeach

                                            @endforeach
                                        </select>

                                        <div class="input-group mr-2" style="width: 35%;">
                                            <input type="text" class="form-control rounded-0"
                                                   placeholder="{{ __('message.search') }} ..." value="{{$q}}" name="q" id="search">
                                            <div class="input-group-append">
                                                <button type="submit" class="input-group-text fs-xl ">
                                                    <i class="fal fa-search text-success"></i>
                                                </button>
                                            </div>
                                        </div>
                                        <input type="hidden" name="paginate" value="{{$paginate}}">
                                        <button type="submit" class="btn btn-sm btn-outline-success mr-2" style="width: 17%;">
                                            <i class="fal fa-search text-outline-success"></i>
                                            <span class="hidden-xs"> {{ __('message.search') }}</span>
                                        </button>
                                        <a href="{{route('products.index')}}?q={{$q}}&paginate={{$paginate}}&for_sale={{$for_sale}}&category={{$cate??''}}" type="rset" class="btn btn-sm btn-outline-info" style="width: 18%;">
                                            <i class="fal fa-sync"></i>
                                            <span class="hidden-xs"> {{ __('message.refresh') }}</span>
                                        </a>
                                    </div>
                                    <div class="col-md-12 col-sm-12 col-xs-12 col-xl-12" id="btn_list" style="display: flex;justify-content: start;align-items: start;">
                                        {{-- <a href="{{route('product.list')}}?q={{$q}}&paginate={{$paginate}}&for_sale={{$for_sale}}&category={{$cate??''}}"
                                           class="btn btn-info bg-info-800 float-right rounded-0 m-2"
                                           title="{{ __('message.print') }}" name="">
                                            <i class="fal fa-print"></i>
                                            {{ __('message.print') }}
                                        </a>
                                        <a href="{{route('product.print_barcode')}}?q={{$q}}&paginate={{$paginate}}&for_sale={{$for_sale}}&category={{$cate??''}}"
                                           class="btn btn-info bg-info-800 float-right rounded-0 m-2"
                                           title="{{ __('message.print barcode') }}" name="">
                                            <i class="fal fa-barcode"></i>
                                            {{ __('message.print barcode') }}
                                        </a>
                                         --}}
                                        <a class="btn btn-info bg-info-800 m-2" id="btnBrow" style="color: whitesmoke">
                                            <i class="fal fa-upload"></i>
                                            {{__('message.import')}}
                                        </a>
                                        {{-- <a href="{{route('product.export')}}?q={{$q}}&for_sale={{$for_sale??1}}&category={{$cate??''}}" class="btn btn-info bg-info-800 search-date m-2" id="download-button" onclick="return clickdownload()">
                                            <i class="fal fa-download"></i>
                                            {{ __('message.export excel') }}
                                        </a> --}}
                                        <a href="{{route('product.sample')}}" class="btn btn-info bg-info-800 search-date m-2" id="download-button" onclick="return clickdownload()">
                                            <i class="fal fa-download"></i>
                                            {{ __('message.excel sample') }}
                                        </a>
                                        <a href="{{route('product.build_stock')}}" class="btn btn-success bg-success-800 search-date m-2" id="building-stock" onclick="return confirm('{{ __('message.do you want to build stock right now') }}?')">
                                            <i class="fal fa-database"></i>
                                            {{ __('message.building stock') }}
                                        </a>
                                    </div>
                                </div>
                            </form>
                            <form action="{{route('import')}}" method="POST" enctype="multipart/form-data" id="myForm" name="form">
                                @csrf
                                 <input type="file" onchange="this.form.submit();" hidden="hidden" name="browFile" id="browFile" value="" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel">
                            </form>
                        </div>
                        <div class="col-md-2 col-xs-2 col-sm-2 col-xl-1 my-2 pt-2" style="display: flex;justify-content: end;align-items: center">
                            <div class="pull-right" style="text-align: right;">
                                @can('product-create')
                                    <a class="btn btn-sm  btn-primary" href="{{ route('products.create') }}">
                                        <i class="fal fa-plus"></i> {{ __('message.add new') }}
                                    </a>
                                @endcan
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="panel-container show table-responsive">
                <table id="example" class="table  table-striped w-100">
                    <thead class="bg-fusion-50 text-center">
                    <tr>
                        <th>#</th>
                        <th class="text-center">{{ __('message.part number') }}</th>
                        <th class="text-center">{{ __('message.product category') }}</th>
                        <th>{{ __('message.name') }}</th>
                        <th>{{ __('message.price') }}</th>
                        <th>{{ __('message.fixed price') }}</th>
                        <th>{{ __('message.qty') }}</th>
                        <th>{{ __('message.gold weight') }}</th>
                    </tr>
                    </thead>
                    <tbody class="text-center" id="accordionExample">
                    @foreach ($products as $index => $product)
                        <tr class="{{ !$product->is_active||$product->qty==0 ? 'inactive':''}} bg-white  {{+$loop->index%2!=$product->count()?'border-top':''}}" data-toggle="collapse" href="#row{{$loop->index}}" role="button" aria-expanded="false" aria-controls="row{{$loop->index}}">
                            <td class="align-middle">{{ $index + 1 }}</td>
                            <td class="">
                                <div class="row no-gutters">
                                    <div class="col-2 d-flex justify-content-center align-items-center">
                                        @if($product->for_sale)
                                            <input type="checkbox" onclick="return false;" checked/>
                                        @endif
                                    </div>
                                    <div class="col-10 d-flex justify-content-center align-items-center">
                                        {{$product->part_number}}
                                    </div>
                                </div>

                            </td>
                            <td>
                                {{$product->productCategory->name??''}}
                            </td>
                            <td class="align-middle">
                                {{ $product->name}}
                            </td>
                            @if($product->fixed_price)
                                <td class="credit align-middle">
                                    {{number_format($product->price,2)}} {{$currency_->currency_symbol??''}}
                                </td>
                            @else
                                <td class="credit align-middle">
                                    {{number_format($product->sellingPrice(),2)}} {{$currency_->currency_symbol??''}}
                                </td>
                            @endif
                            <td>
                                @if ($product->fixed_price)
                                    <label class="badge badge-info" style="background-color:#196eec">
                                        {{ __('message.yes') }}
                                    </label>
                                @else
                                    <label class="badge badge-danger" style="background-color: red">
                                        {{ __('message.no') }}
                                    </label>
                                @endif
                            </td>
                            <td class="align-middle">
                                {{$product->qty}}
                            </td>
                            <td class="credit">
                                {{number_format($product->goldWeight()??0 , 2)}}
                            </td>
                        </tr>
                        <tr class="bg-white">
                            <td colspan="11">
                                <div class="collapse multi-collapse" id="row{{$loop->index}}" data-parent="#accordionExample">
                                    <div class="panel-content">
                                        <ul class="nav nav-tabs" role="tablist">
                                            <li class="nav-item">
                                                <a class="nav-link active" data-toggle="tab" href="#detail{{$loop->index}}" role="tab">{{__('message.detail')}}</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" data-toggle="tab" href="#supplier{{$loop->index}}" role="tab">{{__('message.supplier')}}</a>
                                            </li>
                                            <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#attribute{{$loop->index}}" role="tab">{{__('message.attribute')}}</a></li>
                                            <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#descriptions{{$loop->index}}" role="tab">{{__('message.description')}}</a></li>
                                        </ul>
                                        <div class="tab-content  border-top-0 p-3" style="border:1px solid #dee2e6!important; border-top:none !important;">
                                            <div class="tab-pane fade show active" id="detail{{$loop->index}}" role="tabpanel">
                                                <div class="">
                                                    <div class="card-body">
                                                        <div class="row">
                                                            <div class="col-3">
                                                                @if($product->image)
                                                                    <img class="rounded" id="myImg{{$index}}" src="{{asset($product->image)}}" style="width:200px;max-width:300px;cursor:pointer;">
                                                                @else
                                                                    <img class="rounded" id="myImg{{$index}}" src="{{asset('no_image.png')}}" style="width:200px;max-width:300px;cursor:pointer;">
                                                                @endif
                                                            </div>
                                                            <div class="col-4">

                                                                <div class="row mb-3">
                                                                    <div class="col-6">
                                                                        <p class="fw-bolder credit text-left">
                                                                            {{__('message.cost')}}
                                                                        </p>
                                                                    </div>
                                                                    <div class="col-6 text-left credit">: {{ number_format($product->cost($product->weight), 2) }} {{$currency_->currency_symbol??''}}</div>
                                                                </div>
                                                                <div class="row mb-3">
                                                                    <div class="col-6">
                                                                        <p class="fw-bolder credit text-left">
                                                                            {{__('message.selling cost')}}
                                                                        </p>
                                                                    </div>
                                                                    <div class="col-6 text-left credit">: {{ number_format($product->sellingCost(), 2) }} {{$currency_->currency_symbol??''}}</div>
                                                                </div>
                                                                @if($product->productcategory && $product->productcategory->price()>0)
                                                                <div class="row mb-3">
                                                                    <div class="col-6">
                                                                        <p class="fw-bolder credit text-left">
                                                                            {{__('message.current rate')}}
                                                                        </p>
                                                                    </div>
                                                                    <div class="col-6 text-left credit">: {{ number_format($product->productcategory->price(), 4) }} {{$currency_->currency_symbol??''}}</div>
                                                                </div>
                                                                @endif
                                                                @if($product->selling_wagesInWeight()??0)
                                                                <div class="row mb-3">
                                                                    <div class="col-6">
                                                                        <p class="fw-bolder credit text-left">
                                                                            {{__('message.wages')}}
                                                                        </p>
                                                                    </div>
                                                                    <div class="col-6 text-left credit">:
                                                                        {{number_format($product->selling_wagesInWeight()??0 , 2)}} {{$currency_->currency_symbol}}
                                                                    </div>
                                                                </div>
                                                                @endif
                                                                @if($product->wages_in_weight)
                                                                <div class="row mb-3">
                                                                    <div class="col-6">
                                                                        <p class="fw-bolder credit text-left">
                                                                            {{__('message.wages')}} (គិតជាលី)
                                                                        </p>
                                                                    </div>
                                                                    <div class="col-6 text-left credit">:
                                                                        {{number_format($product->wages_in_weight??0 , 2)}}
                                                                    </div>
                                                                </div>
                                                                @endif
                                                                <div class="row mb-3">
                                                                    <div class="col-6">
                                                                        <p class="fw-bolder credit text-left">
                                                                            {{__('message.original wages')}}
                                                                        </p>
                                                                    </div>
                                                                    <div class="col-6 text-left credit">:
                                                                        {{number_format($product->original_wages , 2)}} {{$currency_->currency_symbol}}
                                                                    </div>
                                                                </div>
                                                                <div class="row mb-3">
                                                                    <div class="col-6">
                                                                        <p class="fw-bolder credit text-left">
                                                                            {{__('message.weight')}}
                                                                        </p>
                                                                    </div>
                                                                    <div class="col-6 text-left">:
                                                                        {{number_format($product->weight , 2)}}
                                                                        @if($product->weight_description)
                                                                            ({{$product->weight_description}})
                                                                        @endif
                                                                    </div>
                                                                </div>
                                                                @if($product->purity_upgrade_to)
                                                                    <div class="row mb-3">
                                                                        <div class="col-6">
                                                                            <p class="fw-bolder credit text-left">
                                                                                {{__('message.purity upgrade to')}}
                                                                            </p>
                                                                        </div>
                                                                        <div class="col-6 text-left">:
                                                                            {{$product->purity_upgrade_to??''}}
                                                                        </div>
                                                                    </div>
                                                                @endif
                                                                @if($product->selling_purity)
                                                                    <div class="row mb-3">
                                                                        <div class="col-6">
                                                                            <p class="fw-bolder credit text-left">
                                                                                {{__('message.selling purity')}}
                                                                            </p>
                                                                        </div>
                                                                        <div class="col-6 text-left">:
                                                                            {{$product->selling_purity??''}}
                                                                        </div>
                                                                    </div>
                                                                @endif
                                                            </div>
                                                            <div class="col-3">
                                                                @if($product->original_invoice)
                                                                    <div class="row mb-3">
                                                                        <div class="col-6">
                                                                            <p class="fw-bolder credit text-left">
                                                                                {{__('message.original invoice')}}
                                                                            </p>
                                                                        </div>
                                                                        <div class="col-6 text-left">:
                                                                            {{$product->original_invoice??''}}
                                                                        </div>
                                                                    </div>
                                                                @endif
                                                                <div class="row mb-3">
                                                                    <div class="col-6">
                                                                        <p class="fw-bolder credit text-left">
                                                                            {{__('message.user')}}
                                                                        </p>
                                                                    </div>
                                                                    <div class="col-6 text-left credit">:
                                                                        <a href="{{route('users.show' , $product->user_id)}}" class="text-dark" title="{{__('message.show user')}}">
                                                                            {{$product->user->name??''}}
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                                <div class="row mb-3">
                                                                    <div class="col-6">
                                                                        <p class="fw-bolder credit text-left">
                                                                            {{__('message.is_active')}}
                                                                        </p>
                                                                    </div>
                                                                    <div class="col-6 text-left">:
                                                                        @if ($product->is_active)
                                                                            <label class="badge badge-info" style="background-color:#196eec">
                                                                                {{ __('message.is_active') }}
                                                                            </label>
                                                                        @else
                                                                            <label class="badge badge-danger" style="background-color: red">
                                                                                {{ __('message.no active') }}
                                                                            </label>
                                                                        @endif
                                                                    </div>
                                                                </div>
                                                                <div class="row mb-3">
                                                                    <div class="col-6">
                                                                        <p class="fw-bolder credit text-left">
                                                                            {{__('message.created at')}}
                                                                        </p>
                                                                    </div>
                                                                    <div class="col-6 text-left">:
                                                                        {{date('d-m-y H:i' , strtotime($product->created_at))}}
                                                                    </div>
                                                                </div>
                                                                @if($product->old_code)
                                                                    <div class="row mb-3">
                                                                        <div class="col-6">
                                                                            <p class="fw-bolder credit text-left">
                                                                                {{__('message.old code')}}
                                                                            </p>
                                                                        </div>
                                                                        <div class="col-6 text-left">:
                                                                            {{$product->old_code??''}}
                                                                        </div>
                                                                    </div>
                                                                @endif
                                                                @if($product->diamond_size)
                                                                    <div class="row mb-3">
                                                                        <div class="col-6">
                                                                            <p class="fw-bolder credit text-left">
                                                                                {{__('message.diamond size')}}
                                                                            </p>
                                                                        </div>
                                                                        <div class="col-6 text-left">:{!!$product->diamond_size??0!!}</div>
                                                                    </div>
                                                                @endif
                                                            </div>
                                                        </div>
                                                    </div>
                                                    @include('products.card-footer')
                                                </div>
                                            </div>
                                            <div class="tab-pane fade text-left" id="supplier{{$loop->index}}" role="tabpanel">
                                                <div class="row mb-3">
                                                    <div class="col-1">
                                                        <p class="fw-bolder credit text-left">
                                                            {{__('message.supplier')}}
                                                        </p>
                                                    </div>
                                                    <div class="col-6 text-left">: {{$product->supplier->name??''}}</div>
                                                </div>
                                                <div class="row mb-3">
                                                    <div class="col-1">
                                                        <p class="fw-bolder credit text-left">
                                                            {{__('message.supplier rate')}}
                                                        </p>
                                                    </div>
                                                    <div class="col-6 text-left credit">: {{number_format($product->supplier_rate??0 , 2)}} {{$currency_->currency_symbol}}</div>
                                                </div>
                                                <div class="row mb-3">
                                                    <div class="col-1">
                                                        <p class="fw-bolder credit text-left">
                                                            {{__('message.phone')}}
                                                        </p>
                                                    </div>
                                                    <div class="col-6 text-left">: {{$product->supplier->phone??''}}</div>
                                                </div>
                                                <div class="row mb-3">
                                                    <div class="col-1">
                                                        <p class="fw-bolder credit text-left">
                                                            {{__('message.note')}}
                                                        </p>
                                                    </div>
                                                    <div class="col-6 text-left">: {{$product->supplier->note??''}}</div>
                                                </div>
                                            </div>
                                            <div class="tab-pane fade text-left" id="attribute{{$loop->index}}" role="tabpanel">
                                                @if($product->productAttributes->count() > 0)
                                                        <div class="panel-container show table-responsive">
                                                            <h3>{{__('message.product attribute')}}</h3>
                                                            <table id="" class="table  table-striped w-100">
                                                                <thead class="bg-fusion-50 text-center" style="background-color: lightslategray !important;">
                                                                <tr>
                                                                    <th>#</th>
                                                                    <th>{{ __('message.name') }}</th>
                                                                    <th>{{ __('message.price') }}</th>
                                                                    <th>{{ __('message.qty') }}</th>
                                                                    <th>{{ __('message.cost') }}</th>
                                                                    <th>{{ __('message.action') }}</th>
                                                                </tr>
                                                                </thead>
                                                                <tbody class="text-center" id="">
                                                                @foreach ($product->productAttributes as $i => $productAttribute)
                                                                    <tr class="{{ $productAttribute->qty==0 ? 'inactive':''}} bg-white  {{++$loop->index%2!=$productAttribute->count()?'border-top':''}}">
                                                                        <td class="align-middle">{{ $i + 1 }}</td>
                                                                        <td class="">
                                                                            {{$productAttribute->name}}
                                                                        </td>
                                                                        <td class="credit"> {{number_format($productAttribute->price , 2)}} {{$currency_->currency_symbol}}</td>
                                                                        <td> {{$productAttribute->qty}}</td>
                                                                        <td class="credit"> {{number_format($productAttribute->cost ,2)}} {{$currency_->currency_symbol}}</td>
                                                                        <td>

                                                                            <form method="POST" action="{{route('productAttribute.destroy' , $productAttribute->id)}}" style="display:inline">
                                                                                <input name="_method" type="hidden" value="DELETE">
                                                                                {{ csrf_field() }}
                                                                                <button type="submit" class="btn btn-xs btn-danger"
                                                                                        onclick="return confirm('{{ __('message.do you want to delete') }}?')">
                                                                                    <i class="fal fa-trash" style="color: #FFF;"></i>
                                                                                </button>
                                                                            </form>
                                                                        </td>
                                                                    </tr>
                                                                @endforeach
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                @else
                                                    <div class="text-center">
                                                        <h3>{{__('message.product attribute is empty')}}</h3>
                                                    </div>
                                                @endif
                                            </div>
                                            <div class="tab-pane fade" id="descriptions{{$loop->index}}" role="tabpanel">
                                                @if($product->description)
                                                    <div class="text-left">
                                                        {!!$product->description!!}
                                                    </div>
                                                @else
                                                    <div class="text-center">
                                                        <h3>{{__('message.description is empty')}}</h3>
                                                    </div>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
            <!-- Pagination bootstrap-->
            @if($products->hasPages())
                <div class="d-flex m-2 p-2" style="justify-content: space-between;align-items: start;width: 20%">

                        <select id="paginate" class="form-select text-center rounded mr-2 mt-1"  aria-label="Default select example" style="width: 90px;font-size: 12px;border: 1px solid rebeccapurple">
                            <option selected hidden="hidden">{{$paginate}}</option>
                            <option value="25">25</option>
                            <option value="50">50</option>
                            <option value="100">100</option>
                            <option value="250">250</option>
                            <option value="500">500</option>
                            <option value="1000">1000</option>
                        </select>
                    <div class="">
                        {{ $products->appends($_GET)->links() }}
                    </div>
                </div>
            @endif
        </div>
    </div>

    <!-- Modal popup -->
    {{-- <div class="modal fade" id="cashin_cashout_modal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">{{ __('message.cash in') }}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true"><i class="fal fa-times"></i></span>
                    </button>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="form-group">
                            <label class="form-label" for="simpleinput">{{ __('message.amount') }}</label>
                            <input type="text" id="simpleinput" class="form-control">
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="simpleinput">{{ __('message.bank charge') }}</label>
                            <input type="text" id="simpleinput" class="form-control">
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="simpleinput">{{ __('message.bank date') }}</label>
                            <input type="text" id="simpleinput" class="form-control">
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="simpleinput">{{ __('message.note') }}</label>
                            <input type="text" id="simpleinput" class="form-control">
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="example-multiselect">{{ __('message.type') }}</label>
                            <select id="example-multiselect" class="form-control">
                                <option>{{ __('message.cash in') }}</option>
                                <option>{{ __('message.cash out') }}</option>
                            </select>
                        </div>

                    </form>
                </div>
                <div class="modal-footer">

                    <button type="button" class="btn btn-primary waves-effect waves-themed">
                        <i class="fal fa-save fa-lg"></i>
                        {{ __('message.save') }}
                    </button>
                    <button type="button" class="btn btn-danger waves-effect waves-themed"
                        data-dismiss="modal">{{ __('message.cancel') }}</button>
                </div>
            </div>
        </div>
    </div> --}}
    <!-- End Modal popup -->
@endsection
@section('scripts')
    <script>
        $('#btnBrow').click(function () {
            $('#browFile').click();
        });
        $(document).ready(function() {
            $("#js-nav-menu").removeClass('active');
            $("#js-nav-menu li ul li").removeClass('active');
            // $("#menu_setup_list").addClass('active open');
            // $("#collapse_setup").addClass('collapse in')
            $("#menu_product").addClass('active')
        })
    </script>
@endsection
@section('meta')
    <title>{{ __('message.product') }} - {{$settings_->shop_name}}</title>
@endsection