@extends('layouts.backend')
@section('extraCss')
<style type="text/css">
.table-responsive{
  overflow-x: auto !important;
}

.fieldset{
    padding: 1rem !important;
    border : 2px dashed #d0d7dd !important;  

}

#size-select .custom-select, #size-select .dropdown-item {
    width: 100% !important;
    height: 38px;
}
#size-select .btn-group {
    width: 100% !important;
}
.r_remove {
    position: absolute;
    right: 0px;
    top: 38px;
}

</style>
@endsection
@section('mainContentArea')
<div class="card card-default">
    <div class="card-header">
        <h4>
            Manage Pricing
            <a href="#" class="btn btn-info float-right btn-sm" data-toggle="modal" data-target="#addprice"><i class="fa fas fa-plus"></i> Add New Price</a>
        </h4>
    </div>
    <div class="card-body">    
        <div class="alert alert-default " >  
          <form action="{{ route('articles.index') }}" id="articlereport" >
          @csrf
                <fieldset class="fieldset">
                <legend  style="width:auto !important;color:#97b5d3;"> Filter </legend>       
                    <div class="row">
                        <div class="col-12 col-sm-12 col-md-3 col-lg-3">
                            <label class="d-block"><b> CATEGORY </b></label>
                            <select name="category" id="sections" class="form-control select2">
                                <option value="">Any</option>
                                @foreach($sections as $section)
                                @php $dash=''; @endphp
                                <option value="{{ $section->id }}">{{ $section->name }}</option>
                                @foreach ($section->childrenCategories as $childCategory)
                                    @include('backend.subsections.child_category', ['child_category' => $childCategory])
                                @endforeach
                                @endforeach
                            </select>
                        </div>  
                        <div class="col-12 col-sm-12 col-md-3 col-lg-3">
                            <label class="d-block" ><b> BRAND </b></label>
                            <select name="brand" id="brands" class="form-control select2">
                                <option value="">Any</option>
                                @foreach($brands as $brand)
                                <option value="{{ $brand->id }}" {{ (!empty(Session::get('brand_id') ) ? Session::get('brand_id') : request('brand') ) == $brand->id ? 'selected' : '' }}>{{ $brand->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-12 col-sm-12 col-md-3 col-lg-3">
                            <label class="d-block" ><b> ACTIVE </b></label>
                            <select name="is_active" id="is_active" class="form-control select2">
                                <option value="">Any</option>
                                <option value="2" {{ request('is_active') == 2 ? 'selected' : '' }}>Active</option>
                                <option value="1" {{ request('is_active') == 1 ? 'selected' : '' }}>Inactive</option>
                            </select>
                        </div>
                        <div class="col-12 col-sm-12 col-md-3 col-lg-3">
                            <label class="d-block"><b> ACTION </b></label>
                            <button class="btn  btn-success  btn-sm d-inline" id="submit" ><i class="fa fas fa-search"> Search </i></button>
                            <button class="btn btn-primary  btn-sm d-inline" type="button" onclick="window.location.href='{{ route('articles.rest') }}';"><i class="fa fas fa-refresh"> Reset </i></button>
                        </div>
                    </div>

                </fieldset>  
          </form>
        </div>
        <br><br> <br><br> 
        <div class="table-responsive" >
            <table class="table table-bordered ">
                <thead>
                    <tr>
                        <th width="80">Sr. No.</th>
                        <th>Category</th>
                        <th>Brand</th>
                        <th>Size</th>
                        <th>CP</th>
                        <th>PP</th>
                        <th>WSP</th>
                        <th>MRP</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    @php $srno = 1; @endphp
                    @if($list->count() > 0)
                    @foreach($list as $price)
                    <tr>
                        <td>{{ $srno++ }}</td>
                        <td>{{ $price->category->name }}</td>
                        <td>{{ $price->brand->name }}</td>
                        <td>{{ $price->size_group }}</td>
                        <td>{{ !empty($price->cp) && ($price->cp!=0) ? $price->cp.'x':'-' }}</td>
                        <td>{{ !empty($price->pp) && ($price->pp!=0) ? $price->pp.'x':'-' }}</td>
                        <td>{{ !empty($price->wsp) && ($price->wsp!=0) ? $price->wsp.'x':'-' }}</td>
                        <td>{{ !empty($price->mrp) && ($price->mrp!=0) ? $price->mrp.'x':'-' }}</td>
                        <td>
                            <a href="javascript:;" data-id="{{ $price->id }}" data-category="{{ $price->category_id }}" data-brand="{{ $price->brand_id }}" onclick="editprice(this)" class="btn btn-primary btn-sm">Edit</a>
                            <a href="#" class="btn btn-danger btn-sm" onclick="return delete_pricing(this)">Delete</a>
                        </td>
                    </tr>
                    @endforeach
                    @else
                    <tr>
                        <td colspan="8"><div class="alert alert-danger">No product found!</div></td>
                    </tr>
                    @endif
                </tbody>
            </table>
        </div>
        <!-- The Modal -->
        <div class="modal" id="addprice">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <form method="post" action="{{ route('price.master.save') }}">
                    @csrf
                        <div class="modal-header">
                            <h4 class="modal-title">Add price</h4>
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                        </div>
                        <div class="modal-body px-4">
                            <div class="row">
                                <div class="col-6 mb-3">
                                    <div class="form-group">
                                        <label class="d-block"><b> CATEGORY </b></label>
                                        <select name="category_id" id="sections" class="form-control select2">
                                            <option value="">Select</option>
                                            @foreach($sections as $section)
                                            @php $dash=''; @endphp
                                            <option value="{{ $section->id }}">{{ $section->name }}</option>
                                            @foreach ($section->childrenCategories as $childCategory)
                                                @include('backend.subsections.child_category', ['child_category' => $childCategory])
                                            @endforeach
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-6 mb-3">
                                    <div class="form-group">
                                        <label class="d-block" ><b> BRAND </b></label>
                                        <select name="brand_id" id="brands" class="form-control select2">
                                            <option value="">Select</option>
                                            @foreach($brands as $brand)
                                            <option value="{{ $brand->id }}" {{ (!empty(Session::get('brand_id') ) ? Session::get('brand_id') : request('brand') ) == $brand->id ? 'selected' : '' }}>{{ $brand->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-6 mb-3">
                                    <div class="form-group">
                                        <label class="d-block" ><b> Price Type </b></label>
                                        <div class="row">
                                            <div class="col-2"><input type="radio" name="price_type" value="cp" checked="checked"> CP</div>
                                            <div class="col-2"><input type="radio" name="price_type" value="pp"> PP</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-6 mb-3">&nbsp;</div>
                                <div class="col-4">
                                    <div class="form-group" id="size-select">
                                        <label class="d-block" ><b> Size </b></label>
                                        <select name="size_1" id="size_1" class="form-control size select2">
                                            <option value="">Select</option>
                                            @foreach($sizes as $size)
                                            <option value="{{ $size->name }}">{{ $size->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-2 cp">
                                    <div class="form-group">
                                        <label class="d-block" ><b> CP (x) </b></label>
                                        <input type="number" name="cp_1" class="form-control" step="0.1" min="0">
                                    </div>
                                </div>
                                <div class="col-2">
                                    <div class="form-group">
                                        <label class="d-block" ><b> PP (x) </b></label>
                                        <input type="number" name="pp_1" class="form-control" step="0.1" min="0">
                                    </div>
                                </div>
                                <div class="col-2">
                                    <div class="form-group">
                                        <label class="d-block" ><b> WSP (x) </b></label>
                                        <input type="number" name="wsp_1" class="form-control" step="0.1" min="0">
                                    </div>
                                </div>
                                <div class="col-2">
                                    <div class="form-group">
                                        <label class="d-block" ><b> MRP (x) </b></label>
                                        <input type="number" name="mrp_1" class="form-control" step="0.1" min="0">
                                    </div>
                                </div>
                            </div>
                            <div class="text-right my-2"><input type="hidden" name="totals" value="1" id="totals"><button type="button" id="addrow" class="btn btn-primary">Add Size Group</button></div>
                        </div>
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-primary">Save</button>
                            <button type="button" class="btn btn-danger" data-dismiss="modal">Cancel</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        
        <div class="modal" id="editprice">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <form method="post" action="{{ route('price.master.update') }}">
                    @csrf
                        <div class="modal-header">
                            <h4 class="modal-title">Edit price</h4>
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                        </div>
                        <div class="modal-body px-4">
                        </div>
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-primary">Save</button>
                            <button type="button" class="btn btn-danger" data-dismiss="modal">Cancel</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection
@section('extraJs')
<script type="text/javascript">
$(document).ready(function() {
    $('body').on('click', '.modal-body input[name="price_type"]', function() {
        if($(this).val() == 'cp')
            $('.modal-body .cp').removeClass('d-none');
        else
            $('.modal-body .cp').addClass('d-none');
    });
    $('#addrow').click(function() {
        var _token = $('meta[name="csrf-token"]').attr('content');
        $.ajax({
            url:"{{ route('price.master.addrow') }}",
            method:"get",
            data:{_token:_token,totals:(parseInt($('#totals').val())+1)},
            success:function(result)
            {
                $(result).insertBefore($('#addrow').parent());
                $('#addprice input[name="price_type"]:checked').trigger('click');
                $('.size.select2').select2();
                /*$(".input-md").multiselect({
                    enableFiltering: true,
                    allSelectedText: 'All',
                    maxHeight: 200,
                    includeSelectAllOption: true,
                    enableCaseInsensitiveFiltering: true                  
                });*/
                $('#totals').val(parseInt($('#totals').val())+1);
            }
        });
    });
});
function editprice(id) {
    var category = $(id).attr('data-category');
    var brand = $(id).attr('data-brand');
    var _token = $('meta[name="csrf-token"]').attr('content');
    $.ajax({
        url:"{{ route('price.master') }}/edit/",
        method:"get",
        data:{_token:_token,brand:brand,category:category},
        success:function(result)
        {  // console.log(result,result.price.category_id);
            $('#editprice .modal-body').html(result.view);   
            var catid=0;         
            $.each( result.price, function( key, cvalue ) {   
                catid = cvalue.category_id;
                console.log(catid);
            });     
            console.log(catid);    
            $('#editprice select[name="category_id"]').val(catid);
            $('#editprice').modal('show');
            $('.select2').select2();
        }
    });
}
function rowremove(r) {
    $(r).closest('.row').remove();
    return false;
}
function delete_pricing(r) {
    if(confirm('Are you sure want to delete?')) {
        return true;
    }
    return false;
}
</script>
@endsection