@extends('layouts.master')
@section('content')
<style>
    .dis-slab-card {
        font-size: 13px;
        margin: 0;
    }

    .dis-input {
        font-size: 13px;
        border: solid 1px #e8e8e8;
        width: 100px;
        height: 25px;
        padding-left: 8px
    }

    .dis-input:focus {
        border: solid 1px #0038ba
    }

    .topsec {
        background-color: #f7f7f7;
        font-size: 13px;
        padding: 10px 0px;
        margin: 0
    }

    .dis-slab-card .btn-primary {
        font-size: 13px;
        padding: 5px 35px;
        line-height: 1;
        box-shadow: none;
    }

    .dis-slab-card .red-bg {
        border-color: #f12300;
        box-shadow: none;
    }

    .dis-slab-card .add-slab-btn {
        width: 100%;
        font-size: 14px;
        padding: 10px
    }

    .add-slab-btn {
        letter-spacing: 1px;
        border: solid 1px #003db6;
        background: linear-gradient(90deg, #ededed 0%, #ededed 100%);
        color: #282828;
        border: none;
        padding: 5px 35px;
    }

    .add-slab-btn:Hover,
    .add-slab-btn:focus {
        border: none;
    }

    .slab-card-row {
        line-height: 25px;
        border: solid 1px #e5e5e5;
        border-top: none;
        margin: 0;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .pt-28 {
        padding-top: 28px
    }

</style>

<div class="row mt-2 mb-3">
    <div class="col-lg-6 col-md-6 col-sm-6">
        <h2 class="_head01">Rate <span> List</span></h2>
    </div>

    <div class="col-lg-6 col-md-6 col-sm-6">
        <ol class="breadcrumb">
            <li><a href="#"><span>Rate List</span></a></li>
            <li><span>Generate</span></li>
        </ol>
    </div>
</div>

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

            <div class="header">
                <h2>Rate <span>List</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 Type*</label>
                            <div class="form-s2">
                                <select class="form-control formselect segment_id_for_rate_list" placeholder="Select Segment Type" style="width: 100%">
                                    <option selected disabled value="0">Select Segment Type</option>
                                    @foreach ($segments as $value)
                                        <option value="{{$value->id}}">{{$value->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="col-3 pr-0">
                            <label class="font12 mb-5">Region*</label>
                            <div class="form-s2">
                                <select class="form-control formselect region_id_for_rate_list" placeholder="select region"
                                    style="width: 100%">
                                    <option selected disabled value="0">Select Region</option>
                                    @foreach ($regions as $value)
                                        <option value="{{$value->id}}">{{$value->region_name}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="col-3 pr-0">
                            <label class="font12 mb-5">Divisions*</label>
                            <div class="form-s2">
                                <select class="form-control formselect" id="rateListExportDivisionDD" placeholder="select status"
                                    style="width: 100%">
                                    <option selected value="All">All</option>
                                    @foreach ($divisions as $d)
                                    <option value="{{ $d->id }}">{{ $d->division }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="col-3">
                            <label class="font12 mb-5">Product Status*</label>
                            <div class="form-s2">
                                <select class="form-control formselect" id="prodStatus" placeholder="select status"
                                    style="width: 100%">
                                    <option selected value="All">All</option>
                                    <option value="1">Active</option>
                                    <option value="0">Inactive</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="row m-0">
                    <div class="col-12 PT-20 text-right">
                            <button type="button" class="btn btn-primary btn-line download_rate_list"
                                style="line-height:1; height: 34px; box-shadow:none">Download PDF</button>
                            <button type="button" class="btn btn-primary btn-line export_excel"
                                style="line-height:1; height: 34px; box-shadow:none;margin-left:10px;">Export Excel</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection