@extends('layouts.master')
@section('content')
<style>
    .ProList-div td{
        padding:5px;
    }
    .custom-select-sm{
        border-radius: 0px;
    }
    .order-rate{
    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> Retailer Profile</span></h2>
    </div>

    <div class="col-lg-6 col-md-6 col-sm-6">
        <ol class="breadcrumb">
            <li><a href="#"><span>Retailer Profile</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="hidden" name="summary_id" id="summary_id" value="{{@$profile_summary->id}}">
                                        <input type="text" class="form-control limit-required" placeholder="Name" id="profile_title" value="{{$profile_summary->title}}">
                                    </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"> Criteria</span></h2>
                    </div>
                    <div class="col-12 retailerTable body_channels">
                        <form id="profile_criteria_form">
                            @csrf
                            {{-- Dist Tables --}}
                            <table class="table table-hover dt-responsive nowrap DistTable" style="width:100%">
                                <thead>
                                    <tr>
                                        <th>Sr No.</th>
                                        <th>Criteria Type</th>
                                        <th>Min. Value</th>
                                        <th>Max. Value</th>
                                        <th>Weightage</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($profile_criteria as $key => $item)
                                        <tr>
                                            <td>{{$key+1}}</td>
                                            <td>{{$item->criteria_type == '1' ? 'Monthly Revenue' : ($item->criteria_type == '2' ? 'Monthly Orders' : ($item->criteria_type == '3' ? 'Unique SKUs' : ($item->criteria_type == '4' ? 'Average Order Value' : ($item->criteria_type == '5' ? 'Average SKUs / Order' : 'Average Drop Size') ) ))}}</td>
                                            <td><input type="text" placeholder="0" value="{{$item->minimum_value}}" name="min_value[{{$item->id}}]" class="order-rate only_numerics limit-required"></td>
                                            <td><input type="text" placeholder="0" value="{{$item->maximum_value}}" name="max_value[{{$item->id}}]" class="order-rate only_numerics limit-required"></td>
                                            <td><input type="text" placeholder="0" value="{{$item->weightage}}" name="weightage[{{$item->id}}]" id="weightage_val" class="order-rate weightage only_numerics limit-required"></td>
                                        </tr>  
                                    @endforeach
                                    <tr>
                                        <td colspan="4" align="right"><b>Total Weightage</b></td>
                                        <td><input type="text" placeholder="0" value="100" name="total_weightages" id="total_weightages" class="order-rate total_weightages" disabled></td>
                                    </tr>
                                </tbody>
                            </table>
                        </form>
                    </div>

                </div>
                <div class="col-md-12 text-right PT-15">
                    <button type="button" class="btn btn-primary mr-2 save_retailer_profile" data-id="update">Update Criteria</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
@push('scripts')
    <script src="/modules/retailers-profile/js/retailer_profile.js"></script>
@endpush