@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;
    }
    .item_prices{
    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> Price Point</span></h2>
    </div>

    <div class="col-lg-6 col-md-6 col-sm-6">
        <ol class="breadcrumb">
            <li><a href="#"><span>Price Point</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 price-required" placeholder="Name" id="price_point_title" value="{{@$pp_title->title}}">
                                        <input type="hidden" class="form-control" placeholder="Name" id="price_point_id" value="{{@$pp_title->id}}">
                                    </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"> Items</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">
                        {{-- Items Tables --}}
                        <table class="table table-hover dt-responsive nowrap" id="example" style="width:100%">
                            <thead>
                                <tr>
                                    <th>Sr No.</th>
                                    <th>Item SKU</th>
                                    <th>Item Name</th>
                                    <th>Unit</th>
                                    <th>Cost Price</th>
                                    <th>Trade Price</th>
                                    <th>Retail Price</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody >
                                @foreach($items as $key=>$item)
                                {{-- @dd($item) --}}
                                    <tr>
                                        <td>{{$key+1}}</td>
                                        <td>{{$item->item_sku}}</td>
                                        <td>{{$item->item_name}}</td>
                                        <td>{{$item->unit_name}}</td>
                                        <input type="hidden" name="item_id" value="{{$item->item_id}}">
                                        <input type="hidden" name="unit_id" id="unit_id_{{$item->item_id}}" item-id="{{$item->item_id}}" value="{{$item->unit_id}}">
                                        <td><input type="text" placeholder="0" name="item_cost_price_{{$item->item_id}}" id="item_cost_price_{{$item->item_id}}" class="item_prices only_numerics"  value={{$item->is_price_created == '1' ? $item->cost_price : ''}}></td>
                                        <td><input type="text" placeholder="0" name="item_trade_price_{{$item->item_id}}" id="item_trade_price_{{$item->item_id}}" class="item_prices only_numerics" value={{$item->is_price_created == '1' ? $item->trade_price : ''}}></td>
                                        <td><input type="text" placeholder="0" name="item_retail_price_{{$item->item_id}}" id="item_retail_price_{{$item->item_id}}" class="item_prices only_numerics" value={{$item->is_price_created == '1' ? $item->retail_price : ''}}></td>
                                        <td>
                                            <button type="button" name="add_item_price" id="{{$item->is_price_created == '1' ? 'remove_item_price_db' : 'add_item_price'}}"
                                                item-id="{{$item->item_id}}" pp-id="{{$item->pp_id}}" class="btn btn-default {{$item->is_price_created == '1' ? 'red-bg remove_item_price_db' : ''}}" {{$item->is_price_created == '1' ? 'data-toggle=modal data-target=#deleteModal' : ''}}>
                                                {{$item->is_price_created == '1' ? 'Remove' : 'Add'}}
                                            </button>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>

                </div>
                <div class="col-md-12 text-center PT-15">
                    <button type="button" class="btn btn-primary mr-2 save_price_point" data-id="save">Save</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