@extends('layouts.app')

@section('content')
<div class="row page-titles">
    <div class="col-md-5 align-self-center">
        <h3 class="text-themecolor">{{ ($senddata->id != '') ? 'Edit' : 'Add' }} Product Catgeory</h3>
    </div>
    <div class="col-md-7 align-self-center">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="javascript:void(0)">Home</a></li>
            <li class="breadcrumb-item active">Product Catgeory</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_category_form' , 'files' => true,'class' => 'form']) !!}

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

                            </div>
                        </div>

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

                        @if ($senddata->id)
                        <div class="form-group row">
                            <label for="example-tel-input" class="col-lg-3 col-form-label">Status </label>
                            <div class="col-lg-9">
                                {!! 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-lg-3 col-form-label">&nbsp;</label>
                            <div class="col-lg-9">
                                <button type="submit" class="btn btn-success waves-effect waves-light m-r-10 submit_product_category_form">{{ ($senddata->id != '') ? 'Update' : 'Save' }}</button>
                                <a href="{{ action('ProductCategoryController@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">

$(document).ready(function () {

$(document).on('click', '.submit_product_category_form', function (e) {
    e.preventDefault();
    $("form#product_category_form").validate({
        rules: {
            mc_id: { required: true, },
            pc_name: { required: true, },
            
        },
        messages: {
            mc_id: { required: "Please Select Main Category Name"},
            pc_name: { required: "Please Enter Product Category Name"},   
            
            

        },
        focusInvalid: true,
        invalidHandler: function () {
            $(this).find(":input.error:first").focus();
        }
    });
    if ($("form#product_category_form").valid()) {
        $("form#product_category_form").submit();
    }
});
});

// Remove image function
function remove_image(id) {

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

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

    }
});

}

</script>
@endsection