@extends('admin.layouts.app')

@section('content')
<div class="pagetitle">
    <!-- <h1>Add User</h1> -->
    <nav>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('admin-dashboard') }}">Dashboard</a></li>
            <li class="breadcrumb-item active">{{ $module['title'] }}</li>
        </ol>
    </nav>
</div><!-- End Page Title -->

<section class="section">
    <div class="row">
        <div class="col-lg-12">

            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">Edit {{ $module['title_sort'] }}</h5>

                    <!-- General Form Elements -->
                    <form class="row g-3" role="form" name="frm-charge-type-edit" id="frm-charge-type-edit" action="{{ route(sprintf('%s.update', $module['resourceful']), $storageLocation->id) }}" method="post">
                        @csrf
                        @method('put')

                        <div class="col-md-3 col-sm-12">
                            <label for="type" class="col-form-label">Type<span class="red-mark">*</span></label>
                            <ul class="list-input">
                                <li>
                                    <input type="radio" id="yes" name="type" value="1" @php if($storageLocation->type == 1) echo 'checked'; @endphp>
                                    Warehouse
                                </li>
                                <li>
                                    <input type="radio" id="no" name="type" value="2" @php if($storageLocation->type == 2) echo 'checked'; @endphp>
                                    Customer
                                </li>
                            </ul>
                        </div> 

                        <div class="col-md-2">
                            <label for="abbreviation" class="col-form-label">Abbreviation<span class="red-mark">*</span></label>
                            
                            <input type="text" placeholder="Please enter abbr" name="abbreviation" id="abbreviation" class="form-control" value="{{ old('abbreviation', $storageLocation->abbreviation ) }}">
                            @if($errors->has('abbreviation'))
                            <div class="error">{{ $errors->first('abbreviation') }}</div>
                            @endif                            
                        </div>

                        <div class="col-md-4">
                            <label for="name" class="col-form-label">Location<span class="red-mark">*</span></label>
                            
                            <input type="text" placeholder="Please enter location" name="name" id="name" class="form-control" value="{{ old('name', $storageLocation->name ) }}">
                            @if($errors->has('name'))
                            <div class="error">{{ $errors->first('name') }}</div>
                            @endif                            
                        </div>

                        <div class="col-md-3">
                            <label for="status" class="col-form-label">Status</label>
                            
                            <select class="form-select" aria-label="Default select example" name="status" id="status">
                                <option value="">---Select---</option>
                                <option value="1" @php if($storageLocation->status == 1) echo 'selected'; @endphp>Active</option>
                                <option value="2" @php if($storageLocation->status == 2) echo 'selected'; @endphp>Inactive</option>
                            </select>
                            @if($errors->has('status'))
                            <div class="error">{{ $errors->first('status') }}</div>
                            @endif                            
                        </div>                        

                        <div class="col-md-12">
                            <label for="description" class="col-form-label">Description<span class="red-mark">*</span></label>
                            
                            <textarea placeholder="Please enter description" name="description" id="description" class="form-control" >{{ old('description', $storageLocation->description) }}</textarea>
                            @if($errors->has('description'))
                            <div class="error">{{ $errors->first('description') }}</div>
                            @endif                            
                        </div>                         

                        <div class="text-center">
                            <button type="submit" class="btn submit-btn me-3">Submit</button>
                            <a class="btn back-btn" href="{{ route(sprintf('%s.index', $module['resourceful'])) }}">Back</a>                         
                        </div>
                    </form><!-- End General Form Elements -->
                    <!-- End General Form Elements -->
                </div>
            </div>
        </div>
    </div>
</section>

<style type="text/css">
    .error {
        color: red;
    }
     .red-mark{
        color: red;
    }

</style>
@endsection

@push('scripts_footer') 
<script> 
    blockPage=function(unblock){
        var unblock = unblock || false;   
        
        if( unblock ){
            mApp.unblockPage();
        }else{
            mApp.blockPage({
                overlayColor: '#000000',
                type: 'loader',
                state: 'success',
                message: 'Please wait...'
            });
        }
    }

    ajaxSubmitPostChargeType=function(form){
        jQuery(form).ajaxSubmit({
            dataType: 'json',
            beforeSubmit: function(xhr){
                //
                blockPage();
            },
            success: function(res){
                //
                //unblockPage();  

                //showMessage(res);

                if( res.status == 'success' ){                                      
                    window.setTimeout(function(){
                        window.location = res.location
                    }, 3000);
                }
            },
            error: function(error){     
                unblockPage();   

                // validation error    
                if (error.status == 422) {
                    jQuery('#frm-charge-type-edit').find("label[for]").find('em').remove();
                    jQuery.each(error.responseJSON.errors, function(k, v){   
                        var em = jQuery('<em>', {class:"error"}).append(
                            v[0]
                        );

                        jQuery('#frm-charge-type-edit').find("label[for='"+k+"']").append(em);
                    })
                }                  
            }
        });

        return false;
    }


    validatePostChargeTypeForm=function(){
        jQuery('#frm-material-type-edit').validate({
            submitHandler: function(form) {                 

                // form.submit();
                ajaxSubmitPostChargeType(form);
            },

            errorElement: 'span',
            focusInvalid: true,

            errorPlacement: function(error, element) {        

                var target = element.prop('name');    
                var label  = element.parent();                      

                //error.appendTo( label.find("label[for='"+target+"']") ); 
                error.appendTo(element.parent().after());         
            },
            ignore:'',
            rules: {                   
                name:{                
                    required: true,
                    maxlength: 255
                }, 
                abbreviation:{                
                    required: true,
                    maxlength: 5
                },
                charge_type:{                
                    required: false,
                    maxlength: 255
                },                                                                                                      
            },

            messages: {
                name: {
                    required: "Please enter name",
                    maxlength: "Name not more than 255 characters"
                },
                abbreviation: {
                    required: "Please enter abbr",
                    maxlength: "Abbr. not more than 5 characters"
                },
                charge_type: {                    
                    maxlength: "Charge Type not more than 255 characters"
                }
            }
        });
    }

    jQuery(document).ready(function() {
        
        validatePostChargeTypeForm();        
    });
</script>
@endpush