@extends('layouts.master')
{{-- @section('data-sidebar')
<div id="product-cl-sec"> <a href="#" id="pl-close" class="close-btn-pl"></a>
    <div class="pro-header-text">Assign <span>Catalogue</span></div>
    <div class="pc-cartlist">
        <div class="overflow-plist">
            <div class="plist-content">
                <div class="_left-filter pt-0">
                    <div class="container">
                        <div class="row">
                            <div class="col-12">
                                <div id="floating-label" class="card p-20 top_border mb-3">

                                    <div class="form-wrap p-0">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <h2 class="_head03 mb-0">Assign <span>Catalogue By</span></h2>
                                                <div class="row">
                                                    <div class="col-md-6">
                                                        <label class="PT-10 font12">Active From*</label>
                                                        <div class="form-group" style="height: auto !important">
                                                            <input type="text" class="form-control datepicker assign_catalogue_active_from"
                                                                style="font-size: 13px">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <label class="PT-10 font12">Active Till*</label>
                                                        <div class="form-group" style="height: auto !important">
                                                            <input type="text" class="form-control datepicker assign_catalogue_active_till"
                                                                style="font-size: 13px">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row assCatalogue-radio mt-10">
                                                    <div class="col">
                                                        <div class="custom-control custom-radio">
                                                            <input class="custom-control-input" type="radio"
                                                                name="AssignCatalogue" id="byRegion" value=''>
                                                            <label class="custom-control-label font13"
                                                                for="byRegion">Region</label>
                                                        </div>
                                                    </div>
                                                    <div class="col">
                                                        <div class="custom-control custom-radio">
                                                            <input class="custom-control-input" type="radio"
                                                                name="AssignCatalogue" id="byArea" value=''>
                                                            <label class="custom-control-label font13"
                                                                for="byArea">Area</label>
                                                        </div>
                                                    </div>
                                                    <div class="col">
                                                        <div class="custom-control custom-radio">
                                                            <input class="custom-control-input" type="radio"
                                                                name="AssignCatalogue" id="_byTerritory" value=''>
                                                            <label class="custom-control-label font13"
                                                                for="_byTerritory">Territory</label>
                                                        </div>
                                                    </div>
                                                    <div class="col">
                                                        <div class="custom-control custom-radio">
                                                            <input class="custom-control-input" type="radio"
                                                                name="AssignCatalogue" id="byEmployee" checked value=''>
                                                            <label class="custom-control-label font13"
                                                                for="byEmployee">Employee</label>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="row employee_div" style="display:block">
                                                    <div class="col-md-12">
                                                        <h2 class="_head03 mt-20 mb-15">Select <span>Employees</span>
                                                        </h2>
                                                        <div class="row">
                                                            <div class="col">
                                                                <div class="form-s2">
                                                                    <select class="form-control formselect select_emp" placeholder="select Employee" style="width: 100%">
                                                                        <option selected disabled value="0">Select Employee</option>
                                                                        @foreach ($employees as $data)
                                                                            <option value="{{$data->employee_id}}">{{$data->employee_first_name.' '.($data->employee_last_name ? $data->employee_last_name : ' ')}}</option>
                                                                        @endforeach
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-auto pl-0">
                                                                <button type="button" class="btn btn-primary mr-2 add_employee">Add</button>
                                                            </div>
                                                            <div class="col-12 mt-10 mb-10">
                                                                <hr>
                                                            </div>
                                                        </div>

                                                        <div class="added_employees_div"> 
                                                        </div>
                                                         
                                                    </div>
                                                </div>

                                                <div class="region_div" style="display:none">
                                                    <h2 class="_head03 mt-20 mb-15">Select <span>Region</span></h2>
                                                    <div class="row">
                                                        <div class="col-12">
                                                            <div class="form-s2">
                                                                <select class="form-control formselect select_region" placeholder="select Region" style="width: 100%">
                                                                    <option selected disabled value="0">Select Region</option>
                                                                    @foreach ($region as $data)
                                                                        <option value="{{$data->id}}">{{$data->region_name}}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="territory_div" style="display:none">
                                                    <h2 class="_head03 mt-20 mb-15">Select <span>Territory</span></h2>
                                                    <div class="row">
                                                        <div class="col-12">
                                                            <div class="form-s2">
                                                                <select class="form-control formselect select_territory" placeholder="select Territory" style="width: 100%">
                                                                    <option selected disabled value="0">Select Territory</option>
                                                                    @foreach ($territory as $data)
                                                                        <option value="{{$data->id}}">{{$data->territory_name}}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="area_div" style="display:none">
                                                    <h2 class="_head03 mt-20 mb-15">Select <span>Area</span></h2>
                                                    <div class="row">
                                                        <div class="col-12">
                                                            <div class="form-s2">
                                                                <select class="form-control formselect select_area" placeholder="select Area" style="width: 100%">
                                                                    <option selected disabled value="0">Select Area</option>
                                                                    @foreach ($area as $data)
                                                                        <option value="{{$data->id}}">{{$data->area_name}}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>


                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="_cl-bottom">
        <button type="button" class="btn btn-primary mr-2 save_to_db">Create Catalogue</button>
        <button id="pl-close" type="button" class="btn btn-cancel mr-2">Cancel</button>
    </div>
</div>
@endsection --}}

@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">
                                    <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">
                                    </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">Primary Sale</option>
                                            <option value="2">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 --}}
                            <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($distributed_types as $key=>$distributed_type)
                                        <tr>
                                            <td>{{$key+1}}</td>
                                            <td>{{$distributed_type->distributor_type_name}}</td>
                                            <input type="hidden" name="dist_id" value="{{$distributed_type->id}}">
                                            <td><input type="text" placeholder="0" name="order_rate_value_dist[{{$distributed_type->id}}]" class="order-rate order_rate_dist only_numerics" id="order_rate"></td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                            {{-- Channels Tables --}}
                            <table class="table table-hover dt-responsive nowrap ChannelsTable" style="width:100%;display:none">
                                <thead>
                                    <tr>
                                        <th>Sr No.</th>
                                        <th>Channel</th>
                                        <th>Segment</th>
                                        <th>Orde Limit</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($channels as $key=>$channel)
                                        <tr>
                                            <td>{{$key+1}}</td>
                                            <td>{{$channel->retailer_type_name}}</td>
                                            <td>{{$channel->segment_name}}</td>
                                            <input type="hidden" name="channel_id" value="{{$channel->id}}">
                                            <input type="hidden" name="segment_id" value="{{$channel->segment_id}}">
                                            <td><input type="text" placeholder="0" name="order_rate_value[{{$channel->id}}]" class="order-rate order_rate_channels only_numerics" id="order_rate"></td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </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="save">Save 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