@extends('layouts.master')


@section('content')
<style>
    .ProList-div td{
        padding:5px;
    }
    .custom-select-sm{
        border-radius: 0px;
    }
    .order-rate{
    height: 25px;
    width: 100px;
    padding-left: 5px;
    border: solid 1px #f6f6f6;
    background-color: #f6f6f6;
    }
    .retailerTable .table td, .table th {
        font-size: 12px;
    }
    .table thead th {
        font-family: proximanova-semibold, sans-serif!important;
        font-weight: normal !important;
    }
</style>
<div class="row mt-2 mb-3">
    <div class="col-lg-6 col-md-6 col-sm-6">
        <h2 class="_head01">Create <span> Order Limit</span></h2>
    </div>

    <div class="col-lg-6 col-md-6 col-sm-6">
        <ol class="breadcrumb">
            <li><a href="#"><span>Order Limit</span></a></li>
            <li><span>New</span></li>
        </ol>
    </div>
</div>

<div class="row">
    <div class="col-md-12 mb-30">
        <div class="card PB-20">
            <div class="row m-0">
                <div class="col-12 p-0">
                    <div class="row m-0">
                        <div class="col-md-12 p-0">
                            <div class="CataAddName p-10">
                                <div class="row">
                                    <input type="hidden" name="order_limit_id" id="order_limit_id" value="{{@$limit_details->id}}">
                                    <div class="col-auto font14 pr-0 pt-5">Title*</div>
                                    <div class="col-4 pr-0">
                                        <input type="text" class="form-control limit-required" placeholder="Name" id="limit_name" value="{{@$limit_details->limit_name}}">
                                    </div>
                                    <div class="col-auto font14 pr-0 pt-5">Sale Type*</div>
                                    <div class="col-4">
                                        <select class="custom-select custom-select-sm limit-required" name="sales_type" id="sales_type">
                                            <option value="1" @if(@$limit_details->id > 0){{@$limit_details->sales_type == 1 ? 'selected' : 'disabled'}}@endif>Primary Sale</option>
                                            <option value="2" @if(@$limit_details->id > 0){{@$limit_details->sales_type == 2 ? 'selected' : 'disabled'}}@endif>Secondary Sale</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="header addPR-head mb-10">
                        <h2>Add <span class="lable_against_p_s"> Distributor Order Limit</span></h2>
                    </div>

                    {{-- <div class="loader-sell360 tblLoader">
                    <div class="loader"> <span class="box-icon"></span> <span class="box-icon"></span>
                        <div class="loader-img"> <img src="/images/sell-360-logo.svg" alt=""> </div>
                        <span class="txt"><span></span> LOADING...</span> </div>
                    </div> --}}
                    

                    <div class="col-12 retailerTable body_channels">
                        <form id="order_limits_form">
                            @csrf
                            
                            {{-- Dist Tables --}}
                            @if(@$order_limit_record !=null && @$order_limit_record->count() > 0 && @$limit_details->sales_type == 1)
                                <table class="table table-hover dt-responsive nowrap DistTable" style="width:100%">
                                    <thead>
                                        <tr>
                                            <th>Sr No.</th>
                                            <th>Distributor Type</th>
                                            <th>Orde Limit</th>
                                        </tr>
                                    </thead>
                                    <tbody >
                                        @foreach($order_limit_record as $key=>$order_limit_dist)
                                            <tr>
                                                <td>{{$key+1}}</td>
                                                <td>{{$order_limit_dist['distributer_type_name']}}</td>
                                                <input type="hidden" name="order_limit_channel_id" value="{{$order_limit_dist['id']}}">
                                                <td><input type="text" placeholder="0" value="{{$order_limit_dist['order_limit_value']}}" name="order_rate_value_dist[{{$order_limit_dist['id']}}]" class="order-rate order_rate_dist only_numerics" id="order_rate"></td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            @endif

                            {{-- Channels Tables --}}
                            @if(@$order_limit_record !=null && @$order_limit_record->count() > 0 && @$limit_details->sales_type == 2)
                                <table class="table table-hover dt-responsive nowrap ChannelsTable" style="width:100%;"> 
                                    <thead>
                                        <tr>
                                            <th>Sr No.</th>
                                            <th>Channel</th>
                                            <th>Segment</th>
                                            <th>Orde Limit</th>
                                        </tr>
                                    </thead>
                                    <tbody >
                                        @foreach($order_limit_record as $key=>$order_limit_dist)
                                            <tr>
                                                <td>{{$key+1}}</td>
                                                <td>{{$order_limit_dist['channel_name']}}</td>
                                                <td>{{$order_limit_dist['segment_name']}}</td>
                                                <input type="hidden" name="order_limit_channel_id" value="{{$order_limit_dist['id']}}">
                                                <td><input type="text" placeholder="0" value="{{$order_limit_dist['order_limit_value']}}" name="order_rate_value[{{$order_limit_dist['id']}}]" class="order-rate order_rate_dist only_numerics" id="order_rate"></td>
                                            </tr>
                                        @endforeach
                                    </tbody>   
                                </table>    
                            @endif
                        </form>
                    </div>

                </div>
                <div class="col-md-12 text-right PT-15">
                    <button type="button" class="btn btn-primary mr-2 save_order_limit" data-id="update">Update Order Limit</button>
                    {{-- <button id="productlist01" type="button" class="btn btn-primary mr-2">Assign Order Limit</button> --}}
                    <button type="button" class="btn btn-cancel">Cancel</button>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection