@extends('layouts.app')

@section('content')
<div class="row page-titles">
    <div class="col-md-6 align-self-center">
        <h3 class="text-themecolor">{{ ($senddata->id != '') ? 'Edit' : 'Add' }} Product Main Category</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 Main Category</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_main_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::text('mc_name',($senddata->id != '') ? $senddata->mc_name : old('mc_name'),['class' => 'form-control','data-error' => 'Enter Product Main Category Name','placeholder'=>'Enter Product Main Category Name'] ) }}
                            </div>
                        </div>  

                        <div class="form-group row">
                            <label for="example-month-input" class="col-lg-3 col-form-label">Main Catgeory Image <span style="color:red;">*</span></label>
                            <div class="col-lg-9">
                                
                                <div class="custom-file mb-3">
                                    <input type="file" name="mc_image" accept="image/*" {{ ($senddata->id == '') ? 'required' : '' }} class="custom-file-input" id="customFile">
                                    <label class="custom-file-label form-control" for="customFile">Choose file</label>
                                  </div>
                                @if($senddata->id!='')                                  
                                <br>
                                <img src="{{ asset('uploads') }}/{{ $senddata->mc_name }}/{{ $senddata->mc_image }}" 
                                  height="50" width="50">

                                  @endif 

                                  <p style="font-size:14px; margin-bottom:0">Note: Accept only Images png, jpg, jpeg</p>
                            </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_main_category_form">{{ ($senddata->id != '') ? 'Update' : 'Save' }}</button>
                                <a href="{{ action('MainCategoryController@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_main_category_form', function (e) {
    e.preventDefault();
    $("form#product_main_category_form").validate({
        rules: {
            mc_name: { required: true, },
                        mc_image: { required: true, },
            },
    messages: {
        mc_name: { required: "Please enter Product Main Category Name"},   
             

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



</script>
@endsection