@extends('layouts.master')
@section('data-sidebar')
<style>
    #product-cl-sec {
        width: 850px
    }

    .grayTopborder {
        border-top: solid 1px #e5e5e5
    }

    .assCatalogue-radio {
        margin: 5px;
        margin-bottom: 15px
    }

    .RrulesHeading {
        padding: 0px 20px 10px 20px !important;
        background: transparent !important;
        border-bottom: solid 1px #e5e5e5
    }

    .pt-3 {
        padding-top: 3px !important
    }

    .CataAddName .form-control:focus {
        border: solid 1px #eae9e9 !important;
        border-bottom: solid 2px #0038ba !important
    }

    ._PR_filter {
        width: 220px !important
    }

    .w160px {
        width: 130px !important
    }

    .CataAddName .col-form-label {
        font-size: 13px !important
    }

    .ProListHeight {
        height: 619px !important
    }

    .retailerTable .table img {
        float: none
    }

    .pr-400 {
        padding-right: 40px !important
    }

    .tooltip {
        font-size: 18px;
        display: block;
        color: #808080;
        z-index: 1;
        opacity: 1;
        right: -30px
    }

    .tooltip:HOVER {
        color: #0038ba;
    }

    .wy-tooltip {
        border: 1px solid #0038ba;
        color: #fff;
        background: #0038ba;
        box-shadow: 0 2px 3px #999;
        position: absolute;
        padding: 5px;
        text-align: left;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        font-size: 11px;
        letter-spacing: 1px;
        max-width: 250px
    }

    .wy-hide {
        display: none
    }

    .giftpicture {
        width: 377px
    }

    .giftpicture .input-group {
        font-size: 14px
    }

    .giftpicture .custom-file-label {
        border-radius: 0;
        height: 35px;
        border: none;
        line-height: 1.6;
        color: #495057;
        background-color: #f6f6f6
    }

    .giftpicture .custom-file-label::after {
        line-height: 1.6;
        color: #fff;
        background-color: #0038ba;
        border-left: 1px solid #0038ba;
        border-radius: 0;
    }

    .switch input:checked+.slider {
        background-color: #0038ba
    }

    input:focus+.slider {
        box-shadow: 0 0 1px #0038ba
    }

</style>


<div id="product-cl-sec"> <a href="#" id="pl-close" class="close-btn-pl"></a>
    <div class="pro-header-text">MTH & GTH <span>Settings</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 class="card top_border p-15">
                                    <h2 class="_head03">Retail <span>Channel</span></h2>

                                    <div id="floating-label" class="row m-0 mb-5">
                                        <div class="form-wrap pt-0 pb-0">
                                            <div class="row">
                                                <div class="col-4 pr-0">
                                                    <label class="font12 mb-5">Segment</label>
                                                    <div class="form-s2">
                                                        <select class="form-control formselect required" placeholder="select Segment" name="segment_id" style="width: 100%">
                                                            <option selected disabled value="0">Select Segment</option>
                                                            @foreach ($segments as $seg)
                                                            <option value="{{$seg->id}}">{{$seg->name}}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-4 pr-0">
                                                    <label class="font12 mb-5">Channel Type</label>
                                                    <div class="form-s2">
                                                        <select class="form-control formselect required" placeholder="select Channel Type" name="channel_id" style="width: 100%">
                                                            <option disabled selected value="0">Select Channel Type</option>
                                                           
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>

                                            <h2 class="_head03 mt-15">Region <span></span></h2>

                                            <div class="row mb-10">
                                                <div class="col-3 pr-0">
                                                    <label class="font12 mb-5">Division</label>
                                                    <div class="form-s2">
                                                        <select class="form-control formselect required" placeholder="select Division" name="division_id" style="width: 100%">
                                                            <option disabled selected value="0">Select Division</option>
                                                            @foreach ($divisions as $div)
                                                            <option value="{{$div->id}}">{{$div->division}}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div> 
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row grayTopborder">
                                        <div class="col-12 p-0">
                                            <div class="header addPR-head mb-10">
                                                <h2>Product <span>List </span></h2>
                                                <div class="_PR_filter w160px">
                                                    <select class="form-control formselect filter_unit_id">
                                                        <option selected value="0">All Units</option>
                                                        @foreach ($inv_units as $unit)
                                                        <option value="{{$unit->unit_id}}">{{$unit->unit_name}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="_PR_filter pr-15">
                                                    <select class="form-control formselect brand_id">
                                                        <option selected value="0">All Brands</option>
                                                        @foreach ($brands as $brand)
                                                        <option value="{{$brand->id}}">{{$brand->name}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="_PR_filter pr-15">
                                                    <select class="form-control formselect category_id">
                                                        <option value="0" selected>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 inv_table">
                                            </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_settings">Save</button>
        <button id="pl-close" type="button" class="btn btn-cancel mr-2 cancel_settings">Cancel</button>
    </div>
</div>
@endsection


@section('content')
<div class="row mt-2 mb-3">
    <div class="col-lg-6 col-md-6 col-sm-6">
        <h2 class="_head01">MTH & GTH <span> Settings</span></h2>
    </div>

    <div class="col-lg-6 col-md-6 col-sm-6">
        <ol class="breadcrumb">
            <li><a href="#"><span>MTH & GTH Settings</span></a></li>
            <li><span>List</span></li>
        </ol>
    </div>
</div>

<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="header"> <a href="/mth_settings" class="btn add_button"><i class="fa fa-plus"></i>
                    <span>New Setting</span></a>
                <h2>Settings <span> List</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="body body_listing"> 
            </div>
        </div>
    </div>
</div>
@endsection