@extends('layouts.app')

@section('content')
<style>
    .mgtop-10{
        margin-top:10px;
    }
</style>
<div class="row page-titles">
    <div class="col-md-6 align-self-center">
        <h3 class="text-themecolor">{{ ($senddata->id != '') ? 'Edit' : 'Add' }} Product</h3>
    </div>
    <div class="col-md-6 align-self-center">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="javascript:void(0)">Home</a></li>
            <li class="breadcrumb-item active">Product</li>
        </ol>
    </div>
</div>

<div class="container-fluid">

    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    {!! Form::model($senddata, ['route' => $route, 'method' => $method, 'id'=>'product_form' , 'files'
                    => true,'class' => 'form']) !!}

                    <div class="form-group row">
                        <label for="access_name" class="col-2 col-form-label">Product Main Category Name <span
                                style="color:red;">*</span></label>
                        <div class="col-10">
                            {!! Form::select('mc_id',$main_category,($senddata->id != '') ?
                            $senddata->mc_id : '',['class' => 'form-control get_pro_cate','placeholder'=>'Please Select
                            Main Product Category','id'=>'mc_id']) !!}

                        </div>
                    </div>
                    @if($senddata->id)
                    <div class="form-group row">
                        <label for="access_name" class="col-2 col-form-label">Product Category Name <span
                                style="color:red;">*</span></label>
                        <div class="col-10">
                            {!! Form::select('pc_id',$product_category,($senddata->id != '') ?
                            $senddata->pc_id : '',['class' => 'form-control','placeholder'=>'Please Select
                            Product Category','id'=>'pc_id']) !!}

                        </div>
                    </div>
                    @else
                    <div class="form-group row">
                        <label for="access_name" class="col-2 col-form-label">Product Category Name <span
                                style="color:red;">*</span></label>
                        <div class="col-10" id="product_category">
                            <select class="form-control" id="pc_id" name="pc_id">
                                <option value="">Please Select Product Category</option>
                            </select>
                            
                        </div>
                    </div>
                    @endif



                    <div class="form-group row">
                        <label for="p_name" class="col-2 col-form-label">Product Name <span
                                style="color:red;">*</span></label>
                        <div class="col-10">
                            {{ Form::text('p_name',($senddata->id != '') ? $senddata->p_name : old('p_name'),['class' => 'form-control','data-error' => 'Enter Product Name','placeholder'=>'Enter Product Name'] ) }}
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="name" class="col-2 col-form-label">Product Description <span
                                style="color:red;">*</span></label>
                        <div class="col-10">
                            <textarea name="p_desc" id="p_desc" value=""
                                placeholder="Product Description"></textarea>

                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="name" class="col-2 col-form-label">Product Image
                             <span style="color:red;">*</span>
                        </label>
                        <div class="col-10">
                            <input type="hidden" name="cnt" id="cnt" value="1">
                            <div id="image_div1" style="padding:20px;">
                                <div id="row_1" class="row">
                                    <input type="file" id="image_1" name="image" accept="image/*" {{ ($senddata->id == '') ? 'required' : '' }}  >
                                    <!--<button type="button" onclick="add_more();">+</button>-->
                                </div>
                            </div>
                            <br>
                                                    </div>
                    </div>
                    <div class="form-group row">
                        <label for="name" class="col-2 col-form-label">Product Description Images 
                             <span style="color:red;">*</span>
                        </label>
                        <div class="col-10">
                            <input type="hidden" name="cnt" id="cnt" value="1">
                            <div id="image_div" style="padding:20px;">
                                <div id="row_1" class="row">
                                    <input type="file" id="dimage_1" name="dimage[]" accept="image/*" {{ ($senddata->id == '') ? 'required' : '' }}  >
                                    <button type="button" onclick="add_more();">+</button>
                                </div>
                            </div>
                            <br>
                                                    </div>
                    </div>

                    <div class="form-group">
                        <input type="hidden" id="cnt1" value="1">
                        <div id="unit_div">
                            @if ($senddata->id)
                                @if(count($unit)>0)
                                @php $cnt1=1; @endphp
                                    @foreach($unit as $datas)
                                    <div id="rowSU_" class="row mgtop-10">      
                                        <label for="name" class="col-2 col-form-label"> @if($cnt1==1) Unit @endif</label>
                                        <div class="col-4">
                                            <input type="text" name="unit[unit][]" Placeholder="Unit" value="{{ $datas->unit }}" class="form-control">
                                        </div>
                                        <div class="col-4">
                                            <!--<input type="text" name="unit[unit_type][]" Placeholder="Unit Type" value="{{ $datas->unit_type }}"  class="form-control">
                                            <select name='unit[unit_type][]' class="form-control">
                                                <option value="">Please select Unit type</option>
                                                <option value="">{{$datas->unit_type}}</option>
                                            </select> -->
                                            
                                            {!! Form::select('unit[unit_type][]',$unit_type,($senddata->id != '') ?
                                            $datas->unit_type : '',['class' => 'form-control','placeholder'=>'Please Select
                                            Unit Type','id'=>'unit_type']) !!} 
                                        </div>
                                        <div class="col-2">
                                        <button type="button" onclick="remove_more1('{{ $datas->unit_id }}','{{ $cnt1 }}');">-</button>
                                        </div>
                                    </div>
                                    <input type="hidden" value="{{ $datas->unit_id }}" name="unit[unit_id][]" /> 
                                    @php $cnt1++; @endphp
                                    @endforeach
                                @endif
                            @endif
                        
                            <div class="row mgtop-10" >      
                                <label for="name" class="col-2 col-form-label">@if($senddata->id == "") Unit <span style="color:red;">*</span>@endif</label>
                                <div class="col-4">
                                    <input type="text" name="unit[unit][]" id="unit_1" Placeholder="Unit" class="form-control">
                                </div>
                                <div class="col-4">
                                    <!--<input type="text" name="unit[unit_type][]" id="unit_type_1" Placeholder="Unit type" class="form-control">-->
                                    
                                    {!! Form::select('unit[unit_type][]',$unit_type,($senddata->id != '') ?
                                    $senddata->unit_type : '',['class' => 'form-control','placeholder'=>'Please Select
                                    Unit Type','id'=>'unit_id']) !!}
                                </div>
                                <div class="col-2">
                                    <button type="button" onclick="add_more1();">+</button>
                                </div>
                            </div>
                        </div>
                        <input type="hidden" value="" name="unit[unit_id][]" /> 
                    </div>

                    <div class="form-group">
                        <input type="hidden" id="cntp" value="1">
                        <div id="price_div">
                            @if ($senddata->id)
                                @if(count($prices)>0)
                                @php $cntp=1; @endphp
                                    @foreach($prices as $price)
                                    <div id="rowPR_" class="row mgtop-10">      
                                        <label for="name" class="col-2 col-form-label">@if($cntp==1) Price @endif</label>
                                        <div class="col-3">
                                            {{ Form::text('price[offer_in_perc][]',($senddata->id != '') ? $price->offer_in_perc : old('offer_in_perc'),['class' => 'form-control','data-error' => 'Enter Offer Percentage','placeholder'=>'Enter Offer Percentage'] ) }}
                                        </div>
                                      <!--  <div class="col-3">
                                            {{ Form::text('price[selling_price][]',($senddata->id != '') ? $price->selling_price : old('selling_price'),['class' => 'form-control','data-error' => 'Enter Offer Price','placeholder'=>'Enter Offer Price'] ) }}
                                        </div>-->
                                        <div class="col-3">
                                        {{ Form::text('price[mrp_price][]',($senddata->id != '') ? $price->mrp_price : old('mrp_price'),['class' => 'form-control','data-error' => 'Enter MRP Price','placeholder'=>'Enter MRP Price'] ) }}
                                        </div>
                                        <div class="col-3">
                                            {{ Form::text('price[stock_availability][]',($senddata->id != '') ? $price->stock_availability : old('stock_availability'),['class' => 'form-control','data-error' => 'Enter Product Quantity','placeholder'=>'Enter Quantity of Product'] ) }}
                                        </div>
                                        <div class="col-1">
                                        <button type="button" onclick="remove_more_price('{{ $price->id }}','{{$cntp}}');">-</button>
                                        </div>
                                    </div>
                                    <input type="hidden" value="{{ $price->id }}" name="price[price_id][]" /> 
                                    @php $cntp++; @endphp
                                    @endforeach
                                @endif
                            @endif
                        
                            <div class="row mgtop-10" >      
                                <label for="name" class="col-2 col-form-label">@if($senddata->id == "") Price <span style="color:red;">*</span>@endif</label>
                                <div class="col-3">
                                    <input type="text" name='price[offer_in_perc][]' id="offer_in_perc_1" Placeholder= "Enter offer Percentage" class="form-control"/>
                                </div>
                                <!--<div class="col-3">
                                    <input type="text" name='price[selling_price][]' id="selling_price_1" Placeholder= "Enter Selling Price" class="form-control"/>
                                </div>-->
                                <div class="col-3">
                                    <input type="text" name="price[mrp_price][]" id="mrp_price_1" Placeholder= "Enter MRP Price" class="form-control"/>
                                </div>
                                <div class="col-3">
                                    <input type="text" name="price[stock_availability][]" id="stock_1" Placeholder= "Enter Product Quantity" class="form-control"/>
                                </div>
                                <div class="col-1">
                                    <button type="button" onclick="add_more_price();">+</button>
                                </div>
                            </div>
                            <input type="hidden" value="" name="price[price_id][]" /> 
                        </div>
                        
                    </div>
                    

                    @if ($senddata->id)
                    <div class="form-group row">
                        <label for="example-tel-input" class="col-2 col-form-label">Status </label>
                        <div class="col-10">
                            {!! Form::select('status',['1'=>'Active','0'=>'In Active'],($senddata->id != '') ?
                            $senddata->status : '',['class' => 'form-control']) !!}
                        </div>
                    </div>
                    @endif

                    <div class="form-group row">
                        <label for="example-color-input" class="col-2 col-form-label">&nbsp;</label>
                        <div class="col-10">
                            <button type="submit"
                                class="btn btn-success waves-effect waves-light m-r-10 submit_product_form">{{ ($senddata->id != '') ? 'Update' : 'Save' }}</button>
                            <a href="{{ action('ProductsController@index') }}"
                                class="btn btn-inverse waves-effect waves-light">Cancel</a>
                        </div>
                    </div>

                    {!! Form::close() !!}

                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('javascript')
<script type="text/javascript" src="{{ asset('js/products.js') }}"></script>
<script type="text/javascript" src="https://cdn.ckeditor.com/4.5.1/full/ckeditor.js"></script>
<script>
CKEDITOR.replace('p_desc');

$(document).ready(function () {
    $(document).on('change', '.get_pro_cate', function () {
        var m_id = document.getElementById('mc_id');
        var main_cat_id = m_id.options[m_id.selectedIndex].value;       

        $.ajax({
            data: {
                id: main_cat_id,
                _token: $('meta[name="csrf-token"]').attr('content')
            },
            url: "{{ route('get_product_category') }}",
            type: "POST",
            success: function(res) {
                var x='';
                var i;
                if(res.result=='success'){

                    x+='<select class="form-control get_pro_sub_cate" id="pc_id" name="pc_id">';
                    x+='<option value="">Please Select Product Category</option>';
                
                    for(i in res.data){                            
                        x+='<option selected="selected" value="'+res.data[i]["id"]+'">'+res.data[i]["pc_name"]+'</option>';
                    }

                    x+='</select>';
                }
                document.getElementById('product_category').innerHTML=x;

            }
            
        });
    });

});

function remove_image(id, cnt) {

    $.ajax({
        data: {
            id: id,
            _token: $('meta[name="csrf-token"]').attr('content')
        },
        url: "{{ route('delete_product_image') }}",
        type: "POST",
        success: function(data) {
            console.log('Success:', data);
            $('#rowx_' + cnt).remove();

        },
        error: function(data) {
            console.log('Error:', data);

        }
    });
}

function add_more1(){

    var cnt = $('#cnt1').val(); 

    var unit=$("#unit_"+cnt).val();
    var unit_type=$("#unit_type_"+cnt).val();
    if(unit==""){
        alert("Unit cannot be empty");
        return false;
    }

    $.ajax({
            data: {
                _token: $('meta[name="csrf-token"]').attr('content')
            },
            url: "{{ url('/get_unit_type') }}",
            type: "post",
            success: function(res) {
                var x='';
                var i;
                if(res.result=='success'){

                    x+='<select class="form-control" id="unit_type" name="unit[unit_type][]">';
                
                    for(i in res.data){                            
                        x+='<option selected="selected" value="">Please Select Unit Type</option><option value="'+res.data[i]["id"]+'">'+res.data[i]["unit_type"]+'</option>';
                    }

                    x+='</select>';
                }
                document.getElementById('unit_type').innerHTML=x;

            }
            
        });

    cnt++;
    var row = '';
    row += '<div id="rowS_'+cnt+'" class="row mgtop-10"><label for="name" class="col-2 col-form-label"></label>';
    row += '<div class="col-4"><input type="text" name="unit[unit][]" id="unit_'+cnt+'" Placeholder="Unit*" class="form-control"></div>';
    row += '<div class="col-4"><select id="unit_type" class="form-control" name="unit[unit_type][]"></select></div>';
    row += '<div class="col-2"><button type="button" onclick="remove_unit('+cnt+');">-</button></div></div>';
    $('#unit_div').append(row);
    $('#cnt1').val(cnt);
}

function remove_more1(unit_id,cnt)
{
    $.ajax({
        data: {
            id: unit_id,
            _token: $('meta[name="csrf-token"]').attr('content')
        },
        url: "{{ route('delete_product_unit') }}",
        type: "POST",
        success: function(data) {
            console.log('Success:', data);
            $('#rowSU_'+cnt).remove();

        },
        error: function(data) {
            console.log('Error:', data);

        }
    });
}
function remove_unit(cnt)
{
    $('#rowS_'+cnt).remove();
    var cnt = $('#cnt1').val(); 
    cnt--;
    $('#cnt1').val(cnt);
}

function remove_price(cnt)
{
    $('#rowP_'+cnt).remove();
    var cnt = $('#cntp').val(); 
    cnt--;
    $('#cntp').val(cnt);
}


function add_more_price(){

    var cnt = $('#cntp').val(); 

    var offer = $("#offer_in_perc_"+cnt).val();
    var selling_price = $("#selling_price_"+cnt).val();
    var mrp_price = $("#mrp_price_"+cnt).val();
    if(mrp_price==""){
        alert("MRP price cannot be empty");
        return false;
    }

    cnt++;
    var row='';
    row += '<div id="rowP_'+cnt+'" class="row mgtop-10" ><label for="name" class="col-2 col-form-label"></label>';
    row += '<div class="col-3"><input type="text" name="price[offer_in_perc][]" id="offer_in_perc_'+cnt+'" Placeholder= "Enter offer Percentage" class="form-control"/></div>';
   // row += '<div class="col-3"><input type="text" name="price[selling_price][]" id="selling_price_'+cnt+'" Placeholder= "Enter Selling Price" class="form-control"/></div>';
    row += '<div class="col-3"><input type="text" name="price[mrp_price][]" id="mrp_price_'+cnt+'" Placeholder= "Enter MRP Price" class="form-control"/></div>';
    row += '<div class="col-3"><input type="text" name="price[stock_availability][]" id="stock_availability'+cnt+'" Placeholder= "Enter Product Quantity" class="form-control"/></div>';
    row += '<div class="col-1"><button type="button" onclick="remove_price('+cnt+');">-</button></div></div>';
    $('#price_div').append(row);
    $('#cntp').val(cnt);
}

function remove_more_price(price_id,cnt)
{

    $.ajax({
        data: {
            id: price_id,
            _token: $('meta[name="csrf-token"]').attr('content')
        },
        url: "{{ route('delete_product_price') }}",
        type: "POST",
        success: function(data) {
            console.log('Success:', data);
            $('#rowPR_'+cnt).remove();

        },
        error: function(data) {
            console.log('Error:', data);

        }
    });
}

</script>

@endsection