@extends('admin.layout.master')
@section('title','ORDER MANAGEMENT')
@section('custom_style')
<style>
    input[type=text],
    input[type=file],
    input[type=number] {
        height: 35px !important;
    }

    .table th, .table td {
            padding: 0px 5px;
            color: black;
        }
        .table th {
           background: #ab3535;
           padding: 5px !important;
           color: white !important;
        }
        .table-bordered th, .table-bordered td {
            border: 1px solid #c1c1c1 !important;
        }
        .special-cell{
            background: #bfbfbf;
            padding: 5px !important;
            color: black !important;
        }
        .btn-sina-submit {
            position: fixed;
            bottom:50%;
            right:2px;
        }
        #shop_id{
                min-width: 100% !important;
            }
        input[type="checkbox"]:checked ~ label:before {background: #20bf6b no-repeat center; background-size: 12px 12px; background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQ1LjcwMSA0NS43IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NS43MDEgNDUuNzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yMC42ODcsMzguMzMyYy0yLjA3MiwyLjA3Mi01LjQzNCwyLjA3Mi03LjUwNSwwTDEuNTU0LDI2LjcwNGMtMi4wNzItMi4wNzEtMi4wNzItNS40MzMsMC03LjUwNCAgICBjMi4wNzEtMi4wNzIsNS40MzMtMi4wNzIsNy41MDUsMGw2LjkyOCw2LjkyN2MwLjUyMywwLjUyMiwxLjM3MiwwLjUyMiwxLjg5NiwwTDM2LjY0Miw3LjM2OGMyLjA3MS0yLjA3Miw1LjQzMy0yLjA3Miw3LjUwNSwwICAgIGMwLjk5NSwwLjk5NSwxLjU1NCwyLjM0NSwxLjU1NCwzLjc1MmMwLDEuNDA3LTAuNTU5LDIuNzU3LTEuNTU0LDMuNzUyTDIwLjY4NywzOC4zMzJ6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);}
        @media only screen and (max-width: 620px) {
            .btn-sina-submit {
                position: fixed;
                min-width: 100%;
                bottom:0;
                right:0;
            }
            #shop_id{
                min-width: 100% !important;
            }
        }

</style>
@endsection
@section ('content')
<div class="card sina-card">
    <div class="card-header card-header-s d-flex flex-wrap align-items-center">
        <h4 class="col-6 pl-0">CART {{$type==1?'RETURN':''}} LIST</h4>
        <div  class="col-6 d-flex justify-content-end">
            <a href="{{route($route_group_name[$type].'.cart_create')}}" class="btn-sina-title-add d-flex align-items-center" type="button" name="button">
                <div class="col pl-0 pr-2">
                    <i class="fas fa-plus-circle"></i>
                </div>
                <div class="text-nowrap"> Add New </div>
            </a>
        </div>
    </div> 
    
    <div class="card-body">
         
        <input type="hidden" name="" id="csrf-token" value="{{ Session::token() }}" />
        <form id="form" method="post" action="{{ route($route_group_name[$type].'.store') }}" name="form" enctype="multipart/form-data">
            @csrf

            <ul class="nav nav-tabs">
                @if(warehouse_info()->order_all>1)
                <li class="nav-item">
                    <a class="nav-link {{(request()->group==0||(!request()->group))?'active':''}}" href="{{route($route_group_name[$type].'.create',['group'=>0])}}">All</a>
                </li>
                    @forelse (getAccountsGroup() as $grp)
                        <li class="nav-item">
                            <a class="nav-link {{request()->group==$grp->id?'active':''}}" href="{{route($route_group_name[$type].'.create',['group'=>$grp->id])}}">{{$grp->name}}</a>
                        </li>
                    @empty
                        
                    @endforelse
                @endif
            </ul>
            <input type="hidden" name="type" id="" value="{{$type}}">
            <input type="hidden" value="{{request()->group}}" name="group">
    <div class="tab-content pt-0">
        {{-- Branch Tab --}}
        <div id="branch" class="container tab-pane active">
            <div class="row mb-1">
                <div class="col-md-4 col-6 d-flex align-items-center">
                    <input type="checkbox" value="1" id="special" name="special" style="width: 18px;height: 18px;cursor: pointer;margin-right: 5px;">
                    <label for="special" style="font-size:25px">Special</label>
                </div>
                    @if(count($shops)>0)
                    <div class="col-md-4 col-6 d-flex align-items-center">
                        <label for="shop_id">Shops</label>
                        <select name="shop_id" id="shop_id">
                            @forelse ($shops as $shop)
                                <option value="{{$shop->id}}">{{$shop->name}}</option>
                            @empty
                                
                            @endforelse
                        </select>
                    </div>
                    @elseif(count($parties)>0)
                    
                    <div class="col-md-4 col-6 d-flex align-items-center">
                        <div class="d-flex">
                            <label for="shop_id" style="min-width:25%">Customer</label>
                            <select name="party_id" id="shop_id" required style="min-width:75%">
                                @forelse ($parties as $party)
                                    <option value="{{$party->id}}">{{$party->name_eng}}</option>
                                @empty
                                    
                                @endforelse
                            </select>
                        </div>
                    </div>
                    @elseif(count($orderEvents)>0)
                    <div class="col-md-4 col-6 d-flex align-items-center">
                        <div class="">
                            <label for="event_type">Order Event</label>
                            <select name="event_date" id="event_type" required style="min-width:100%">
                                <option value="0">General</option>
                                @forelse ($orderEvents as $event)
                                    <option value="{{$event->order_date}}">{{$event->name}}</option>
                                @empty
                                    
                                @endforelse
                            </select>
                        </div>
                    </div>
                    @else
                        <div class="col-md-4 col-6 d-flex align-items-center"></div>
                    @endif
                <div class="col-md-4 col-12 d-flex align-items-center">
                    <label for="note">NOTE </label>
                    <input type="text" id="note"  name="note" class="form-control ml-1">
                </div>
            </div>
            <div class="table-responsive">
                <table class="table table-bordered table-hover">
                    <thead>
                        <tr>
                            <th width="5%">#</th>
                            <th>PRODUCT</th>
                            <th style="min-width:100px;">QTY</th>
                            <th width="10%">X</th>
                        </tr>
                    </thead>
                    <tbody id="tbl_body">
                        
                        @forelse ($carts as $k=>$item)
                        <tr id="tr{{$item->id}}">
                            <td>{{ ($k+1) }}</td>
                            <td>
                                {{ $item->product->name_local }}
                            </td>
                            <td style="padding:0;min-width:100px;">
                                <input type="hidden" name="cart_id[{{$item->product->id}}]" value="{{$item->id}}">
                                <input type="hidden" name="price[{{$item->product->id}}]" value="{{$item->product->sell_price}}">
                                <input type="number" min="0"  name="quantity[{{$item->product_id}}]" id="quantity{{ $item->product_id }}" class="form-control" step=".01" onchange="updateCartValue('{{$item->id}}',this.value)" value="{{$item->quantity}}">
                            </td>
                            <td><button style="padding: 1px 5px;" type="button" class="btn btn-danger" onclick="deleteRow({{$item->id}})"><i style="font-size:13px;" class="fa fa-trash"></i></button></td>
                        </tr>
                        @empty
                        @endforelse
                        
                    </tbody>
                </table>
            </div>
        </div>
    </div>
            
            <hr>
            
            <div class="row pb-0  modal-footer">
                <input type="button" class="btn btn-danger" value="Empty Cart" onclick="deleteRow(0)">
                <input class="btn-sina-submit" type="submit" id="save" value="Place Order" onclick="return confirm('are you sure to place order?');"> 
            </div>
        </form>
    </div>
</div>

@endsection
@section('script')
<script>
    $('#shop_id').select2();
        $('#event_type').select2();

function deleteRow(id){
    if(confirm('are you sure?')){

        $.ajax({
                type: "GET",
                url: "{{route('order.cart_remove')}}",
                data: {
                    cart_id:id,
                    type:{{$type}}
                },
                success: function (data) {
                    if(id!=0){
                        $('#tr'+id).remove();
                    }else{
                        location.reload();
                    }
                },
                error: function (response) {
                },
            });
    }
}
function updateCartValue(id,qty){
    if(confirm('are you sure?')){
        $.ajax({
                type: "GET",
                url: "{{route('order.cart_update')}}",
                data: {
                    id:id,
                    qty:qty,
                },
                success: function (data) {
                location.reload();
                },
                error: function (response) {
                },
            });
    }
}
</script>
@stop