@extends('admin.layout.master')
@section('title','INVOICE PARAMETER')
@section ('content')
    <div class="row">
        <div class="col-lg-5">
            <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">Vendor Cart</h4> 
                </div>  
                    <div class="card-body"> 
                        <style>
                            div.dataTables_wrapper div.dataTables_filter input {
                                width: 80px;
                            }
                        </style>
                        <table id="vendor_cart_table"  style="max-height: calc(100vh - 408px);"  class="table table-striped table-bordered dataTable no-footer" >
                            <thead>
                                <tr>
                                    <th>Vendor</th>
                                    <th>Total</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody id="vendor_cart_tbody">
                                @foreach ($data as $vendor)
                                    <tr id="b_tr{{$vendor->id}}">
                                        <td>{{$vendor->name_eng}}</td>
                                        <td>{{count($vendor['cart'])}}</td>
                                        <td align="center">
                                            <div class="">
                                                <a onclick="getCartData({{$vendor->id}})" class="btn text-warning" style="font-size: 18px"><i class="fas fa-binoculars"></i></a>
                                                <a onclick="confirmCart({{$vendor->id}})" class="btn text-success" style="font-size: 18px"><i class="fas fa-check-circle"></i></a>
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table> 
                    </div>  
            </div>
        </div>
        <div class="col-lg-7" id="div_cart_card" style="display: none">
            <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">Products</h4> 
                </div> 
                <div  class="card-body" id="div_cart">
                    {{-- Card Table --}} 
                </div>
            </div>
        </div>
        <div class="col-lg-12" id="div_color_size_cart" style="display: none">
            <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">Products Serial</h4> 
                </div>  
                <div  class="card-body">
                    <div class="row mb-3">
                        <div class="col-6"></div>
                        <div class="col-6 text-right">
                            <input disabled style="display: none" id="clr_temp_id">
                            <input disabled style="display: none" id="cart_temp_id">
                            <input disabled style="display: none" id="size_temp_id">
                            <button onclick="addProductSerial()" data-toggle="modal" data-target="#modal" class="btn btn-primary btn-sm">
                                Add New
                            </button>
                        </div>
                    </div>
                    <div id="div_color_size">
                        {{-- Product Serial Cart --}}
                    </div>
                </div> 
            </div>
        </div>
    </div>

    <!-- Warehouse Modal -->
    <div class="modal fade bd-example-modal-lg" id="modal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-body">
                    @include('inventory.forms.cart_form')
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="{{ asset('inventory/blade_js/cart.js') }}"></script>
@endsection