@extends('layouts.master')
@section('content')


<style>
    .ProListDiv {
        padding: 0;
        display: table;
    }

    .ProListDiv .PR_Name {
        display: table-cell;
        vertical-align: middle;
        font-size: 13px;
        letter-spacing: 1px;
        line-height: 16px
    }

    .ProListDiv .PrList_img {
        width: 35px;
        height: 35px;
        margin-right: 10px;
        border: solid 1px #dcdcdc
    }

    .value_input {
        padding: 2px;
        margin: 0 !important;
        font-size: 12px;
        box-shadow: none;
        height: 26px;
        width: 60px;
    }

    .addPR-head {
        font-size: 16px;
        padding: 15px 15px 15px 20px !important;
    }

    .dataTable td,
    .dataTable th {
        padding: 5px;
    }

    .dataTable td {
        vertical-align: middle
    }

</style>


<div class="row mt-2 mb-3">
    <div class="col-lg-6 col-md-6 col-sm-6">
        <h2 class="_head01">Distributor<span> Management</span></h2>
    </div>
    <div class="col-lg-6 col-md-6 col-sm-6">
        <ol class="breadcrumb">
            <li><a href="#"><span>Distributor Type</span></a></li>
            <li><span>Margin</span></li>
        </ol>
    </div>
</div>
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="header">
                <h2>Distributor<span> Margin</span></h2>
            </div>
            <div id="floating-label" class="form-wrap p-0">
                <div class="row m-0 PT-15">
                    <div class="col-4" style="padding-top: 8px">
                        <div class="form-group">
                            <label class="control-label mb-5">Distributor Type</label>
                        <input type="text" value="{{ $id ? $data['type_name'] : '' }}" id="dist_type" class="form-control" name="" placeholder="">
                        </div>
                    </div>
                    <div class="col-md-4 pr-0">
                        <label class="font11 mb-5">Sale Type</label>
                        <div class="form-s2">
                            <select class="form-control formselect" placeholder="Select Sale type" id="dist_sale_type" name="dist_sale_type" style="width:100%">
                                <option value="0" selected disabled>Select Sale type</option>
                                <option {{@$data['dist_type'] == 1?'selected="selected"':''}} value="1">Primary Sale</option>
                                <option {{@$data['dist_type'] == 2?'selected="selected"':''}} value="2">Secondary Sale</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-auto" style="padding-top:33px">
                        <div class="custom-control custom-radio">
                            <input class="custom-control-input" type="radio" name="margin"
                                id="standard_margin" value="standard" {{ $id ? ($data['discount_type'] == 1 ? 'checked' : '') : 'checked' }}>
                            <label class="custom-control-label"
                                style="font-size: 13px; line-height: 1.9" for="standard_margin">Standard
                                Margin</label>
                        </div>
                    </div>
                    <div class="col-auto" style="padding-top:33px">
                        <div class="custom-control custom-radio">
                            <input class="custom-control-input" type="radio" name="margin"
                                id="product_based" value="product" {{ $id ? ($data['discount_type'] == 2 ? 'checked' : '') : '' }}>
                            <label class="custom-control-label"
                                style="font-size: 13px; line-height: 1.9" for="product_based">Product Based
                                Margin</label>
                        </div>
                    </div>
                    <div class="col-auto" style="padding-top:33px">
                        <div class="custom-control custom-radio">
                            <input class="" type="radio" name="is_sole" id="standard_margin1"
                                   value="1" {{ $id ? ($data['distributor_flag'] == 1 ? 'checked' : '') : '' }}>
                            <label class=""
                                   style="font-size: 13px; line-height: 1.9; margin-right: 15px" for="standard_margin1">Sole</label>

                            <input class="" type="radio" name="is_sole" id="standard_margin3"
                                   value="3" {{ $id ? ($data['distributor_flag'] == 3 ? 'checked' : '') : '' }}>
                            <label class=""
                                   style="font-size: 13px; line-height: 1.9; margin-right: 15px" for="standard_margin3">Sole Handler</label>

                            <input class="" type="radio" name="is_sole" id="standard_margin2"
                                   value="2" {{ $id ? ($data['distributor_flag'] == 2 ? 'checked' : '') : '' }}>
                            <label class=""
                                   style="font-size: 13px; line-height: 1.9; margin-right: 15px" for="standard_margin2">Other</label>
                        </div>
                    </div>
                    <div class="col-12">
                        <hr class="mb-5">
                    </div>
                    <div class="col-md-3 pt-5 {{ $id && $data['discount_type'] == 2 ? 'dn' : '' }} standMargDiv">
                        <div class="form-group">
                            <label class="control-label mb-10">Standard Margin</label>
                            <input type="text" id="standard_margin_value" class="form-control" value="{{ $id && $data['discount_type'] == 1 ? $data['discount'] : '' }}" placeholder="">
                        </div>
                    </div>
                </div>
            </div>
            @if ($id)
            <input type="hidden" value="{{ $data['discount_type'] }}" id="discType">
            @endif
            <div class="prodMargDiv header {{ $id && $data['discount_type'] == 2 ? '' : 'dn' }} addPR-head">
                <h2>Add <span> Product Based Margin</span></h2>
            </div>
            <div class="prodMargDiv body {{ $id && $data['discount_type'] == 2 ? '' : 'dn' }}">
                <table class="table table-hover dt-responsive nowrap" id="prodBasedDistProducts" style="width:100%">
                    <thead>
                        <tr>
                            <th>SKU</th>
                            <th>Product</th>
                            <th>Margin (%)</th>
                            <th style="width:90px">Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($data['products'] as $p)
                            <tr>
                                <td>{{ $p->item_sku }}</td>
                                <td>
                                    <div class="ProListDiv"><img class="PrList_img"
                                            src="{{ $p->thumbnail }}" alt="" />
                                        <div class="PR_Name">{{ $p->item_name }}</div>
                                    </div>
                                </td>
                                <td>
                                    <input type="text" item-id="{{ $p->item_id }}" value="{{ $p->discount ? $p->discount : '' }}" class="marginPercent form-control value_input" placeholder="0">
                                </td>
                                <td style="width:90px">
                                    <button class="btn btn-default mb-0 addMargin {{ $p->discount ? 'dn' : '' }}">Add</button>
                                    <button class="btn btn-default mb-0 updateMargin {{ $p->discount ? '' : 'dn' }}">Update</button>
                                    <button class="btn btn-default mb-0 removeMargin {{ $p->discount ? '' : 'dn' }}">Remove</button>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div class="col-12 PT-15 PB-15 text-right">
                <button type="button" class="btn btn-primary mr-2 saveDistMargin">Save</button>
                <a href="/distributorType" class="btn btn-cancel">Cancel</a>
            </div>
        </div>
    </div>
</div>

@endsection