@extends('layout.header')
@section('title')

    ALIAN | Admin-RetailOrder-Detail
@endsection
@section('main')

    <div class="m-grid__item m-grid__item--fluid m-wrapper">

        <!-- BEGIN: Subheader -->
        <div class="m-subheader">
            <div class="d-sm-flex align-items-center subheader_border_bottom">

                <div class="mr-auto">

                    <h3 class="m-subheader__title m-subheader__title--separator">

                        Order # <span id="beta_order_no">{{$retail_user[0]->beta_order_no}}</span>

                    </h3>

                    <ul class="m-subheader__breadcrumbs m-nav m-nav--inline">
                        <li class="m-nav__item m-nav__item--home">
                            <a href="#" class="m-nav__link m-nav__link--icon">
                                <i class="m-nav__link-icon la la-home"></i>
                            </a>
                        </li>
                        <li class="m-nav__separator">
                            -
                        </li>
                        <li class="m-nav__item">
                            <a href="" class="m-nav__link">
                                            <span class="m-nav__link-text">
                                                Sales Order Management
                                            </span>
                            </a>
                        </li>
                        <li class="m-nav__separator">
                            -
                        </li>
                        <li class="m-nav__item">
                            <a href="All_RetailOrders" class="m-nav__link">
                                            <span class="m-nav__link-text">
                                                Retail Order
                                            </span>
                            </a>
                        </li>
                        <li class="m-nav__separator">
                            -
                        </li>
                        <li class="m-nav__item">
                            <a href="" class="m-nav__link">
                                            <span class="m-nav__link-text">
                                                Order # {{$retail_user[0]->beta_order_no}}
                                            </span>

                            </a>
                        </li>
                    </ul>
                </div>



            </div>
        </div>

        <!-- END: Sub header -->
        <!-- START :: main Content-->
        <div class="m-content admin_order_detail">
            <div class="m-portlet m-portlet--mobile margin_bottom_60">
                <div class="m-portlet__head">
                    <div class="m-portlet__head-caption">
                        <div class="m-portlet__head-title">
                            <h3 class="m-portlet__head-text">
                                Retail Order Detail
                            </h3>
                        </div>
                    </div>
                    <div class="m-portlet__head-tools">
                        <ul class="m-portlet__nav admin_form_record">
                            @if(($retail[0]->order_status==0))
                            <li class="m-portlet__nav-item">
                                <a onclick="cancel_order()" class="white_bg_btn" style="cursor:pointer">
                                                <span>
                                                    <i class="la btn_text"></i>
                                                    <span class="btn_text">
                                                        Cancel Order
                                                    </span>
                                                </span>
                                </a>
                            </li>
                            @elseif(($retail[0]->order_status==1))
                                <li class="m-portlet__nav-item">
                                    <a onclick="refund()" class="white_bg_btn" style="cursor:pointer">
                                                <span>
                                                    <i class="la btn_text"></i>
                                                    <span class="btn_text">
                                                        Refund
                                                    </span>
                                                </span>
                                    </a>
                                </li>
                            @endif
                            <li class="m-portlet__nav-item">
                                <a href="RetailOrders"  class="white_bg_btn">
                                                <span>
                                                    <i class="la la-arrow-left btn_text"></i>
                                                    <span class="btn_text">
                                                        Back
                                                    </span>
                                                </span>
                                </a>
                            </li>
                            @if(($retail[0]->order_status==1)||($retail[0]->order_status==0))

                              <li class="m-portlet__nav-item">
                                <iframe src="Invoice_RetailOrderDetail" style="display:none;" name="frame"></iframe>
                                <a class="sky_bg_btn btnprint" onclick="frames['frame'].print()">
                                                <span>
                                                    <i class="la la-plus print_icon"></i>
                                                    <span class="btn_text">
                                                        Print
                                                    </span>
                                                </span>
                                </a>
                             </li>
                           @endif
                        </ul>
                    </div>
                </div>

                <div class="m-portlet__body admin_order_detail_03">
                    <!--Store Information :: START-->

                    <div class="store_information" id="store_information">
                        <div class="info_heading">
                            <h6 class="d-inline-block">User Information</h6>


                            <div class="text-right d-inline-block float-right date_time">
                                <span>{{$retail_user[0]->created_at}}</span>

                            </div>
                        </div>
                        <div class="info_content">
                            <div class="col_50">
                                <span class="heading">User Name:</span>
                                <p>{{$retail_user[0]->Name}}</p>
                            </div>
                            <div class="col_50">

                                <span class="heading">Contact Information:</span>
                                <p id="contact_no">{{$retail_user[0]->Phone_no}}</p>
                            </div>
                        </div>
                    </div>




                    <!--Store Information :: END-->
                    <!--Order Information :: START-->
                    <div class="order_information" id="order_information">
                        <div class="info_heading">
                            <h6 class="d-inline-block">Order Information</h6>
                        </div>
                        <div class="order_info_table_03 table_style_2">


                            <div class="table">
                                <div class="table_header">
                                    <div class="table_row">

                                        <div class="th"><h6>Product(s)</h6></div>
                                        <div class="th"><h6>MRP</h6></div>
                                        <div class="th"><h6>Qty</h6></div>
                                        <div class="th"><h6>Value</h6></div>
                                        <div class="th"><h6>Total Amount</h6></div>
                                    </div>
                                </div>

                                <div class="tbody">

                                    @foreach($retail as $info)
                                        <div class="table_row table_top_margin">


                                            <div class="td" data-title="Product(s)"><span>{{$info->product_name}}</span></div>
                                            <div class="td" data-title="Per Piece"><span>&#x20b9;{{$info->mrp}}</span></div>
                                            <div class="td" data-title="Qty"><span>{{$info->beta_product_quantity}}</span></div>
                                            <div class="td" data-title="Offered Price"><span class="color_green_font">&#x20b9;{{$info->offered}}</span></div>
                                            <div class="td" data-title="Total Amount"><span>&#x20b9;{{$info->total}}</span></div>

                                        </div>

                                    @endforeach
                                </div>


                            </div>

                            <div class="order_info_table_03_col table_style_2">
                                <div class="table">

                                    <div class="tbody">


                                        <div class="table_row">

                                            <div class="td"><span>Subtotal</span></div>
                                            <div class="td" data-title="Subtotal"><span> &#x20b9; {{$retail[0]->sub_total}}</span></div>

                                        </div>



                                        <div class="table_row">
                                            <div class="td"><span class="color_green_font">Discount</span></div>

                                            <div class="td" data-title="Discount"><span class="color_green_font">{{$retail[0]->discount}}</span></div>
                                        </div>
                                        <div class="table_row">

                                            <div class="td"><span>Subtotal with discount</span></div>
                                            <div class="td" data-title="Subtotal"><span> &#x20b9; {{$retail[0]->sub_tot_dis}}</span></div>

                                        </div>
                                        <div class="table_row">
                                            <div class="td"><span>CGST@9%:</span></div>

                                            <div class="td" data-title="CGST@9%"><span>&#x20b9;{{$retail[0]->CGST}}</span></div>
                                        </div>
                                        <div class="table_row">
                                            <div class="td"><span>SGST@9%:</span></div>

                                            <div class="td" data-title="SGST@9%"><span>&#x20b9;{{$retail[0]->SGST}}</span></div>
                                        </div>
                                        {{--<div class="table_row">--}}
                                            {{--<div class="td"><span>IGST@18%:</span></div>--}}
                                            {{--<div class="td" data-title="IGST@18%"><span>&#x20b9;{{$retail[0]->IGST}}</span></div>--}}
                                        {{--</div>--}}



                                        <div class="table_row">
                                            <div class="td"><span>Grand Total:</span></div>
                                            <div class="td" data-title="Grand Total"><span>&#x20b9;<span id="grand_total">{{$retail[0]->total_amount}}</span></span></div>
                                        </div>

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

                    <!--Order Information :: END-->
                    <!--Payment Information :: START-->
                    @if(($retail[0]->order_status==2))
                    @elseif(($retail[0]->order_status==0)||($retail[0]->order_status==1))
                        <div class="payment_information" id="payment_information">
                        <div class="info_heading">
                            <h6 class="d-inline-block">Payment Information</h6>
                        </div>
                        <div class="info_content">
                            <div class="col_33">
                                @if($retail[0]->payment_type=='Cash')
                                    <span class="heading">Payment Type:<input name="payment" id="payment" value="Cash" class="form-control input-sm" disabled>

                                {{--<option value="0">Select Payment Option</option>--}}
                                        {{--<option value="Cash" disabled>Cash</option>--}}
                                        {{--<option value="Paytm">Paytm</option>--}}
                                   </span>
                                    <span id="paymentResult" class="text-danger"></span>
                                @elseif($retail[0]->payment_type=='Paytm')
                                    <span class="heading">Payment Type:<input name="payment" id="payment" value="Paytm" class="form-control input-sm" disabled>

                                {{--<option value="0">Select Payment Option</option>--}}
                                        {{--<option value="Cash" disabled>Cash</option>--}}
                                        {{--<option value="Paytm">Paytm</option>--}}
                                   </span>
                                    <span id="paymentResult" class="text-danger"></span>
                                @else
                                    <span class="heading">Payment Type:<select name="payment" id="payment" class="form-control input-sm">

                                {{--<option value="0">Select Payment Option</option>--}}
                                    <option value="Cash">Cash</option>
                                    <option value="Paytm">Paytm</option>
                                   </select></span>
                                    <span id="paymentResult" class="text-danger"></span>
                                @endif
                            </div>
                            <div class="col_33">
                                @if($retail[0]->received_amt!=0)

                                    <span class="heading">Received Amount:
                                    &#x20b9;<input class="form-control"  id="recd_amt" name="recd_amt" value={{$retail[0]->received_amt}} disabled></span>
                                    <span id="ReceivedResult"></span>
                                @else
                                    <span class="heading">Received Amount:
                                    &#x20b9;<input class="form-control"  id="recd_amt" name="recd_amt" type="number" onkeyup="remaining_amount()"></span>
                                    <span id="ReceivedResult"></span>

                                @endif
                            </div>
                            <div class="col_33">
                                @if($retail[0]->received_amt!=0)
                                @else
                                    <span class="heading">Return Change:</span>
                                    <p class="color_red_font">&#x20b9; <span id="rem_amt"></span></p>
                                @endif
                            </div>

                        </div>
                    </div>
                    @endif
                    <div style="text-align: center">
                        @if(($retail[0]->order_status==2))
                        @elseif(($retail[0]->order_status==0)||($retail[0]->order_status==1))
                        <ul>
                            @if($retail[0]->received_amt!=0)
                            @else
                                <a href="#" class="blue_bg_shadow_btn" id="submit_order" onclick="validate_retailorders(); send_msg(); frames['frame'].print();">
                                                <span>
                                                    <i class="btn_text"></i>
                                                    <span class="text-capitalize">
                                                        Create Invoice
                                                    </span>
                                                </span>
                                </a>
                            @endif
                        </ul>
                        @endif
                    </div>

                    <!--Payment Information :: END-->
                    <!--Salesperson Information :: START-->

                    <div class="payment_information salesperson_information">
                        <div class="info_heading">
                            <h6 class="d-inline-block">Salesperson Information</h6>
                        </div>
                        <div class="info_content">
                            <div class="col_33 img_info_content">
                                <div class="img_person">
                                    @if(!file_exists(public_path("sales_images/".$user_info[0]->profile_image)))
                                        <img src="{{URL::asset('sales_images/IMG1550210555_images.png')}}">
                                    @else
                                        <img src="{{URL::asset('/sales_images/'.$user_info[0]->profile_image)}}"/>
                                    @endif
                                </div>
                                <p>
                                    {{$user_info[0]->name}}
                                    <span>{{$user_info[0]->user_city}}</span>
                                </p>
                            </div>
                            <div class="col_33">
                                <div class="detail">
                                    <span class="heading heading_black">Phone Number:</span>
                                    <p> {{$user_info[0]->mobile_no}}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Salesperson Information :: END-->
                </div>
            </div>
            <!-- END EXAMPLE TABLE PORTLET-->
        </div>
        <!-- END :: main Content-->

    </div>
    {{--<!--@include('includes.scripts_print')-->--}}
    @include('includes.scripts_RetailOrder_Detail')

@endsection