@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>{{@$catalogue->sales_type == 1 ? 'Employees':'Distributors'}}</span>
                                                        </h2>
                                                        <div class="row">
                                                            <div class="col">
                                                                <div class="form-s2">

{{--                                                                    @dd($distributors,$employees)--}}
                                                                    <select class="form-control formselect select_emp" placeholder="select Employee" style="width: 100%">
                                                                        @if(!empty(@$catalogue))
                                                                            @if(@$catalogue->sales_type == 1 )
                                                                                <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
                                                                            @else
                                                                                <option selected disabled value="0">Select Distributor</option>
                                                                                @foreach($distributors as $data)
                                                                                    <option value="{{ $data->id }}">{{ $data->distributor_name }}</option>
                                                                                @endforeach
                                                                            @endif
                                                                        @endif
                                                                    </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">
                                                    {{-- <br><br><br><em>if select Region than show </em><br> --}}
                                                    <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>

                                                {{-- <br><em>if select Territory than show</em> <br> --}}
                                                <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>

                                                {{-- <br><em>if select Area than show </em><br> --}}
                                                <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;
    }
    .form-s2 .select2-container .select2-selection--single {
        background-color: #fff;
    }
    .select2-container--default .select2-selection--single {
        background-color: #fff;
        border: 1px solid #f6f6f6;
        border-radius: 0px;
        height: 32px;
    }
    .CataAddName {
        padding: 5px 15px 10px 15px;
    }
    .RLNO {
        background-color: #e2e2e2;
        border-radius: 50%;
        width: 24px;
        height: 24px;
        font-size: 16px;
        text-align: center;
        font-family: 'Rationale', sans-serif;
        line-height: 1;
        padding-top: 5px;
        margin-left: 5px;
        position: relative;
    }
</style>
<div class="row mt-2 mb-3">
    <div class="col-lg-6 col-md-6 col-sm-6">
        <h2 class="_head01">Create <span> Catalogue</span></h2>
    </div>

    <div class="col-lg-6 col-md-6 col-sm-6">
        <ol class="breadcrumb">
            <li><a href="#"><span>Catalogue</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">
                                <div id="floating-label" class="row">
                                    <div class="form-wrap m-0" style="padding:0px 0px">
                                        <div class="row m-0">
                                            <div class="col-md-4 pr-0">
                                                <label class="font12 mb-5">Catalogue*</label>
                                                <input type="text" class="form-control catalogue_name" placeholder="Name" style="background-color: white">
                                            </div>
                                            <div class="col-md-4 pr-0">
                                                <label class="font12 mb-5">Sale Type</label>
                                                <div class="form-s2">
                                                    @if(!empty(@$catalogue))
                                                        <input type="hidden" class="sales_type" value="{{@$catalogue->sales_type}}" name="sales_type" id="sales_type">
                                                        <select class="form-control formselect" disabled>
                                                            <option {{@$catalogue->sales_type== 1 ? "selected":""}} value="">Primary Sale</option>
                                                            <option {{@$catalogue->sales_type== 2 ? "selected":""}} value="">Secondary Sale</option>
                                                        </select>
                                                    @else
                                                        <select class="form-control formselect sales_type" name="sales_type" id="sales_type">
                                                            <option value="1">Primary Sale</option>
                                                            <option value="2">Secondary Sale</option>
                                                        </select>
                                                    @endif
                                                </div>
                                            </div>
                                            <input type="hidden" value="{{@$catalogue->catalogue_view_setting}}" id="catalogue_view_setting_db">
                                            <div class="col-md-4">
                                                <label class="font12 mb-5">Catalogue View Setting</label>
                                                <div class="form-s2">
                                                    <select class="form-control formselect catalogue_view_setting" name="catalogue_view_setting" id="catalogue_view_setting">
                                                        <option value="1">Default (Alphabetic Order)</option>
                                                        <option value="2">SKU Based</option>
                                                        <option value="3">Brand Based</option>
                                                        <option value="4">Sub Category</option>
                                                        <option value="5">Main Category</option>
                                                        <option value="6">Custom</option>
                                                        <option value="7">MTH/GTH Based</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>


                    <div class="header addPR-head mb-10">
                        <h2>Add <span> Products</span></h2>


{{--                        <div class="_PR_filter form-s2 w160px" style="margin-top:-5px;">--}}
{{--                            <select class="custom-select custom-select-sm select_unit_id">--}}
{{--                                <option selected value="0">All Unit</option>--}}
{{--                                @foreach ($inv_units as $unit)--}}
{{--                                    <option value="{{$unit->unit_id}}">{{$unit->unit_name}}</option>--}}
{{--                                @endforeach--}}
{{--                            </select>--}}
{{--                        </div>--}}

{{--                        <div class="_PR_filter form-s2 pr-15" style="margin-top:-5px;">--}}
{{--                            <select class="custom-select custom-select-sm category_id">--}}
{{--                                <option selected value="0">All Categories</option>--}}
{{--                                @foreach ($sub_cat as $cat)--}}
{{--                                    <option value="{{$cat->sub_category_id}}">{{$cat->sub_category_name}}</option>--}}
{{--                                @endforeach--}}
{{--                            </select>--}}
{{--                        </div>--}}

                    </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_inventory">
                    </div>

                </div>
                <div class="col-md-12 catalogue_errors p-15">

                </div>
                <div class="col-md-12 text-right PT-15">
                    <button type="button" class="btn btn-primary mr-2 save_catalogue">Save Catalogue</button>
{{--                    <button style="display: none" id="productlist01" type="button" class="btn btn-primary mr-2 assign_catalogue">Assign Catalogue</button>--}}
                    <button type="button" class="btn btn-cancel">Cancel</button>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection