@extends('admin.layouts.master')
@section('title', 'Stock Return')
@section('content')
    <style>
        .some-text {
            color: red;
            font-style: italic;
            font-size: 15px;
        }

        .help-block {
            color: red;
            font-size: 13px;
            font-weight: normal;
        }
    </style>
        
    <!-- Page Wrapper -->
    <div class="page-wrapper">
        <div class="content container-fluid">
            <div class="row">

                <div class="col-md-12">
                    @include('admin.includes.msg')
                    <div class="card card-table">
                        <div class="card-body">
                            <div class="card-header">
                                <h4 class="card-title">Purchase Return</h4>
                                <script>function submitnow() {
                                        $("#admin-form").submit();
                                    }</script>
                            </div>

                            <style>

                                input::-webkit-outer-spin-button,
                                input::-webkit-inner-spin-button {
                                    -webkit-appearance: none;
                                    margin: 0;
                                }

                                /* Firefox */
                                input[type=number] {
                                    -moz-appearance: textfield;
                                }

                                td {
                                    font-size: 13px;
                                }

                                .w120 {
                                    width: 120px;
                                }

                                .w30 {
                                    width: 60px;
                                }

                                .select2 {
                                    width: 100% !important;
                                }

                                .select2-selection--single {
                                    height: 36px !important;
                                    width: 100%;
                                }

                                .select2-container--default .select2-selection--single .select2-selection__rendered {
                                    height: 36px !important;
                                    line-height: 36px !important;
                                }

                                .original_price {
                                    display: inline-block;
                                    font-size:16px;
                                }

                                .mrp_price {
                                    display: inline-block;
                                    float: right;
                                    /*color: #c3c3c3;*/
                                    color:red;
                                    font-weight:bold;
                                }

                                .user_details {
                                    margin-bottom: 10px;
                                }

                                .user_details .user_name {
                                    font-weight: 500;
                                    color: #333;
                                    font-size: 18px;
                                }

                                .user_details div {
                                    color: #333;
                                    font-size: 16px;
                                }

                                .quantity span {
                                    display: inline-block;
                                    cursor: pointer;
                                    transition: 0.3s;
                                }

                                .quantity {
                                    /* display: inline-block;*/
                                    text-align: left;
                                }

                                .minus, .plus {
                                    background: #f87b44;
                                    padding: 0;
                                    font-size: 14px;
                                    font-weight: 400;
                                    border-radius: 50%;
                                    border: 0 solid #f87b44;
                                    vertical-align: middle;
                                    text-align: center;
                                    width: 25px;
                                    height: 25px;
                                    line-height: 24px;
                                    color: #ffffff;
                                    transition: 0.3s;
                                }

                                .quantity span:hover {
                                    background: #ff9668;
                                    color: #ffffff;
                                }

                                .quantity input {
                                    border: none;
                                    background: none;
                                    max-width: 40px;
                                }

                                .quantity input {
                                    width: 100px;
                                    height: auto;
                                    border-radius: 20px;
                                    text-align: center;
                                    font-size: 14px;
                                    border: 1px solid #f87b44;
                                    display: inline-block;
                                    vertical-align: middle;
                                    background: #ffffff;
                                    outline: 0px;
                                    color: #f87b44;
                                }

                                .add_btn button {
                                    border: 0;
                                    background: #f87b44;
                                    color: #fff;
                                    padding: 5px 20px;
                                    outline: 0;
                                    border-radius: 30px;
                                }

                                .add_btn button:hover {
                                    background: #ff9668;
                                }

                                .btn-section {
                                    width: 130px;
                                    padding: 2px 10px !important;
                                    text-align: center;
                                }

                                .quantity-section {
                                    width: 115px;
                                    text-align: left;
                                    margin-left: 15px;
                                }

                                .quantity-section div {
                                    margin-left: 10px;
                                }

                                .quantity-section .quantity {
                                    display: inline-block;
                                }

                                .delete_btn div {
                                    background: #f44336;
                                    color: #fff;
                                    border-radius: 50%;
                                    font-size: 13px;
                                    font-weight: 700;
                                    border: 0 !important;
                                    cursor: pointer;
                                    width: 22px;
                                    height: 22px;
                                    padding: 0 !important;
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                    margin: 5px;
                                }

                                .delete_btn_td {
                                    width: 70px;
                                }

                                .delete_btn {
                                    margin-left: 10px;
                                }

                                .select2-selection {
                                    width: 400px;
                                }

                                .heading {
                                    background: #f3f3f3 !important;
                                    color: #333;
                                    font-weight: 600;
                                }

                                .heading th {
                                    background: #f3f3f3 !important;
                                    color: #333;
                                    font-weight: 600;
                                }

                                .item_img {
                                    width: 70px;
                                    padding: 5px 5px !important;
                                }

                                .price_section {
                                    width: 130px;
                                    padding: 2px 10px !important;
                                }

                                .myfilter .select2-container--default .select2-selection--single {
                                    width: 100% !important;
                                    border: 1px solid #e2e2e2;
                                    height: 38px !important;
                                }

                                .product_search input {
                                    width: 99%;
                                    border: 1px solid #e2e2e2;
                                    padding: 0px 10px;
                                    margin-left: 5px;
                                    margin-bottom: 15px;
                                    border-radius: 4px;
                                    height: 38px !important;
                                }
                            </style>

                            <div class="before_mystocktable ">
                                <div class="row">
                                    <div class="col-md-6">
                                        

                                            <div class="row">
                                                <div class="col-md-6">

                                                     <div class="product_search">
                                                        <input type="text" id="gsearch" placeholder="Search Product">
                                                    </div> 
                                                               
                                                </div>
                                                </div>
                                                <div class="row mb-2">

                                                <div class="col-md-4">
                                                     <form action="" method="get">
                                                        <select name="company" onchange="this.form.submit()" class="form-control">
                                                            <option value="">Company</option>
                                                             @foreach($company as $s)
                                                            <option value="{{$s->company}}"   @if(isset($_GET['company']) && $_GET['company']==$s->company) selected @endif>{{$s->company}}</option>
                                                            @endforeach
                                                        </select>
                                                    </form>
                                                    </div>
                                                <div class="col-md-4">
                                                    <form action="" method="get">
                                                        <select name="sku" onchange="this.form.submit()" class="form-control">
                                                            <option value="">Sku</option>
                                                             @foreach($sku as $s)
                                                            <option value="{{$s->sku}}"  @if(isset($_GET['sku']) && $_GET['sku']==$s->sku) selected @endif>{{$s->sku}}</option>
                                                            @endforeach
                                                        </select>
                                                </form>
                                            </div>
                                                <div class="col-md-4">
                                                    <form action="" method="get">
                                                        <select name="subcategory" onchange="this.form.submit()" class="form-control">
                                                            <option value="">Sub category</option>
                                                            @foreach($subcategory as $s)
                                                            <option value="{{$s->id}}"  @if(isset($_GET['subcategory']) && $_GET['subcategory']==$s->id) selected @endif>{{$s->categoryName}}</option>
                                                            @endforeach
                                                            
                                                        </select>
                                                    </form>
                                        </div>
                                            </div>
                                            
                                            
                                            
                                         
                                                   
                                                 
                                            
                                            
                                    </div>
                                    <div class="col-md-3">
                                            <div class="user_details">
                                                <div class="user_name">Retailer Name : {{$current_retailer->name}}</div>
                                                <div class=""> Email : {{$current_retailer->email}}</div>
                                                <div class=""> Phone No. : {{$current_retailer->phone}}</div>
                                                <div class=""> Address : {{$current_retailer->address}}</div>
                                            </div>
                                    </div>


                                </div>
                                    <div class="row">
                                        <div class="col-md-6">

                                            <div class="table-responsive">
                                                {{--<div class="product_search">
                                                    <input type="text" id="gsearch" placeholder="Search Product">
                                                </div>--}}
                                                <table class="mystocktable">
                                                    <thead>
                                                    <tr>
                                                        <!--<th class="item_img">#</th>-->
                                                        <th>Name</th>
                                                         <!--<th class="btn-section">BPC</th>-->
                                                        <th class="price_section">Price</th>
                                                        <th class="btn-section">Quantity</th>
                                                       
                                                    </tr>
                                                    </thead>
                                                </table>
                                                                                                <table id="mytable" class="mystocktable">


                                                    @php $x=1; @endphp
                                                    @foreach($category as $c)
                                                    @if(count($c['product'])>0)
                                                        <tr class="heading">
                                                            <th>{{$c->categoryName}}</th>
                                                        </tr>
                                                        @foreach($c['product'] as $p)
                                                            @if($p->stock>0)
                                                             
                                                            
                                                            <tr class="tblerow">
                                                                <td>
                                                                    <table style="width:100%">
                                                                <tr>
                                                                                <td colspan="3">{{$p->productName}}</td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td style="width:40px">{{$p->base_pack_code}}</td>
                                                                                <td class="price_section2" >
                                                                                    <div><span class="original_price">₹{{ number_format($p->price,2)}}</span><span class="mrp_price"><i style="text-decoration:line-through;font-size:16px">{{ number_format($p->compareAtPrice,2)}}</i></span></div>
                                                        
                                                                    </td>
                                                                                
                                                                    <td class="btn-section">
                                                                                     <div style="display:flex;width:150px">
                                                                                  <input type="text" class="forn-control qty_{{$p->id}}" placeholder="quantity" style="border:1px solid #699834">  <button type="button" onclick="addtocart({{$current_retailer->id}},{{$p->id}},{{$p->stock}})" class="btn btn-success btn-sm btn-block" style=";border-radius:0px">{{$p->stock}} ADD</button>
                                                                                  </div>
                                                                    </td>
                                                                </tr>
                                                                    </table>
                                                                </td>
                                                            </tr>
                                                               
                                                            @endif
                                                        @endforeach
                                                        @endif
                                                    @endforeach

                                                        <tr class="heading">
                                                            <th >OTHER</th>
                                                        </tr>
                                                         @foreach($otherproduct as $p)
                                                            @if($p->stock > 0)                                                                
                                                                <tr class="tblerow">
                                                                <td>
                                                                    <table style="width:100%">
                                                                            <tr>
                                                                                <td colspan="3">{{$p->productName}}</td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td style="width:40px">{{$p->base_pack_code}}</td>
                                                                                <td class="price_section2" >
                                                                                    <div><span class="original_price">₹{{ number_format($p->price,2)}}</span><span class="mrp_price"><i style="text-decoration:line-through;font-size:10px">{{ number_format($p->compareAtPrice,2)}}</i></span></div>
                                                                                    
                                                                    </td>
                                                                                
                                                                                 <td class="btn-section">
                                                                                     <div style="display:flex;width:150px">
                                                                                  <input type="text" class="forn-control qty_{{$p->id}}" placeholder="quantity" style="border:1px solid #699834">  <button type="button" onclick="addtocart({{$current_retailer->id}},{{$p->id}},{{$p->stock}})" class="btn btn-success btn-sm btn-block" style=";border-radius:0px">{{$p->stock}} ADD</button>
                                                                                  </div>
                                                                                </td>   
                                                                </tr>
                                                                    </table>
                                                                </td>
                                                            </tr>
                                                            @endif
                                                        @endforeach


                                                </table>
                                            </div>
                                        </div>
                                        <div class="col-md-6 cart">

                                        </div>

                                    </div>

                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    <!-- /Main Wrapper -->
    </div>
    <script>
        function addtocart(user_id,product_id, stock) {
         
            if(product_id==0){
                 var qty="1";
            }else{
                 var qty=$(".qty_"+product_id).val();
            }
           if(qty > stock){
            return false;
           }
            $.get("/updatestockreturncart/add/" + user_id + "/" + product_id+ "/"+qty, function (res) {
                $(".cart").html(res);
            })
        }

        addtocart({{$current_retailer->id}},0 , 1);
    </script>
    <style>
        .form-control {
            min-width: 60px;
        }
    </style>

    <SCRIPT language=Javascript>
        <!--
        function isNumberKey(evt) {
            var charCode = (evt.which) ? evt.which : evt.keyCode;
            if (charCode != 46 && charCode > 31
                && (charCode < 48 || charCode > 57))
                return false;
            return true;
        }

        //-->
    </SCRIPT>
    <script>
        $(document).ready(function () {
            $("#gsearch").on("keyup blur", function () {
                var value = $(this).val().toLowerCase();
                $("#mytable tbody > .tblerow").filter(function () {
                    $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
                });
            });
        });
    </script>

    {{--    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>--}}
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/css/select2.min.css" rel="stylesheet"/>
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/js/select2.min.js"></script>
    <script>
        $(document).ready(function () {
            $('.filter-search').select2();
        });
    </script>



@endsection