@extends('layouts.master')
@section('content')
<style>
    .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 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</span></a></li>
            <li><span>Settings</span></li>
        </ol>
    </div>
</div>

<div class="row">
    <div class="col-md-12 mb-30">
        <div class="card PB-20">

            <div class="header">
                <h2>Retail <span> Channel</span></h2>
            </div>

            <div id="floating-label" class="row m-0">
                <div class="form-wrap PB-10 PT-10">
                    <div class="row m-0">
                        <div class="col-3 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-3 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>


                    <div class="header RrulesHeading PT-15 mt-15">
                        <h2>Region <span></span></h2>
                    </div>


                    <div class="row m-0 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 m-0 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 class="col-md-12 text-center PT-15">
                    <button type="button" class="btn btn-primary mr-2 save_settings">Save Settings</button>
                    <button type="button" class="btn btn-cancel cancel_settings">Cancel</button>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection