@extends('master.admin')

@push('header.scripts')
<!-- BEGIN PAGE LEVEL PLUGINS -->
<link href="{{ asset('public/assets/global/plugins/datatables/datatables.min.css') }}" type="text/css" />
<link href="{{ asset('public/assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css') }}" rel="stylesheet" type="text/css" />
<!-- END PAGE LEVEL PLUGINS -->
@stop

@push('footer.scripts')
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="{{ asset('public/assets/global/scripts/datatable.js') }}" type="text/javascript"></script>
<script src="{{ asset('public/assets/global/plugins/datatables/datatables.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('public/assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js') }}" type="text/javascript"></script>
<!-- END PAGE LEVEL SCRIPTS -->
<script>
    $(function() {
        
        // Add Item record
        $(".add_validation_rule_btn").click(function(e){   
            $('#addeditvalrule_error_div').hide();
            $('#addeditvalrule_success_div').hide();
            $('#addedit_validation_rules_form #id').val( '' );
            $('#addedit_validation_rules_form').find("input[type=text]").val("");
            $('#addedit_validation_rules_form #validation_group_id').val('');
            $('#addedit_validation_rules_form #validation_rule_id').val('');
            $('#addedit_validation_rules_form #data_field_id').val($(this).attr('data-data_field_id'));
            $("#addedit_validation_rules_form").attr("action", '{!! url("admin/validationgroups") !!}');
            //$("#addedit_role_form").attr("method", "POST");
        });
        
        // Edit Item record
        $(".edit_validation_rule_btn").click(function(e){  
            endBlockUI('#addedit_validation_rules_form');
            $('#addeditvalrule_error_div').hide();
            $('#addeditvalrule_success_div').hide();
            $('#addedit_validation_rules_form #id').val( $(this).attr('data-id') );
            $('#addedit_validation_rules_form #validation_group_id').val( $(this).attr('data-validation_group_id') );
            $('#addedit_validation_rules_form #validation_rule_id').val( $(this).attr('data-validation_rule_id') );
            $('#addedit_validation_rules_form #data_field_id').val( $(this).attr('data-data_field_id') );
            $('#addedit_validation_rules_form #error').val( $(this).attr('data-validation_error') );
            var formAction = '{!! url("admin/validationgroups/update") !!}';
            $("#addedit_validation_rules_form").attr("action", formAction);
            //$("#addedit_role_form").attr("method", "PATCH");
            $('#addValidationRule').modal('show', {backdrop: 'static'});
        });
        
        /*
         * Submit form for add new Role information
         */
        $("#addedit_validation_rules_form").submit(function(e){
            startBlockUI('#addedit_validation_rules_form', 'animate');
            $('#addeditvalrule_error_div').hide();
            $('#addeditvalrule_success_div').hide();
            var token = $('#addedit_validation_rules_form #token_csrf').val();
            $.ajax({
                url : $(this).attr('action'),
                headers: {'X-CSRF-TOKEN': token},
                type: $(this).attr('method'),
                data : $(this).serialize(),
                dataType: 'json',
                success:function(response) {
                    if(response.status){
                        if( response.status == '0' ){
                            
                            $('#addeditvalrule_success_div').hide();
                            $('#addeditvalrule_error_div').show();
                            $('#addeditrole_error_msg').html(response.message);
                            endBlockUI('#addedit_validation_rules_form');
                            $("#addeditvalrule_error_div").fadeTo(0, 1);
                            fadeout_div('addeditvalrule_error_div');
                            return false;
                        }else{
                            $('#addeditvalrule_error_div').hide();
                            $('#addeditvalrule_success_div').show();
                            $('#addeditvalrule_success_msg').html(response.message);
                            window.setTimeout(function(){
                                window.location.reload();
                                endBlockUI('#addedit_validation_rules_form');
                                $('#addValidationRule').modal('toggle');
                            }, 3000);  
                        }
                    }
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    var errorMsg  = '';
                    $.each(jqXHR.responseJSON, function(index, value) {
                        var unitMsg = '<p>' + value + '</p>';
                        errorMsg = errorMsg +  unitMsg;
                    }); 
                    if( errorMsg != '' ){
                        $('#addeditvalrule_success_div').hide();
                        $('#addeditvalrule_error_div').show();
                        $('#addeditvalrule_error_msg').html(errorMsg);
                        endBlockUI('#addValidationRule');
                    }
                    return false;   
                }
            });
            e.preventDefault(); //STOP default action
        });
    });
</script>
@stop

@section('content')
<!-- BEGIN CONTENT -->
<div class="page-content-wrapper">
    <!-- BEGIN CONTENT BODY -->
    <div class="page-content">
        <!-- BEGIN PAGE HEADER-->
        <!-- BEGIN PAGE BAR -->
        <div class="page-bar">
            <h4 class="page-title margin_bottom_0"><strong> {{current_client(Auth::user()->id)->client_name}} </strong></h4>
            <ul class="page-breadcrumb">
                <li>
                    <a href="#">Superadmin</a>
                    <i class="fa fa-angle-right"></i>
                </li>
                <li>
                    <a href="{{url('admin/validationgroups')}}">Validation Groups</a>
                    <i class="fa fa-angle-right"></i>
                </li>
                <li>
                    <span>Validation Rules</span>
                </li>
            </ul>
        </div>
        <!-- END PAGE BAR -->
        <!-- BEGIN PAGE TITLE-->
        <h3 class="page-title"> </h3>
        <!-- END PAGE TITLE-->
        
        <div class="row">
            <div class="col-md-12">
                <div class="portlet light portlet-fit portlet-datatable bordered">
                    <div class="portlet-title">
                        <div class="caption">
                            <i class="fa fa-file-text-o"></i>
                            <span class="caption-subject font-dark sbold uppercase">{{ $dataForm->name }} - {{ $validationGroup->name }}</span>
                        </div>
                        <div class="actions">
                            <div class="btn-group pull-left" style="margin-right: 5px;">
                                <a href="#" data-toggle="modal" data-target="#addValidationRule"  class="btn btn-fit-height blue add_validation_rule_btn" style="margin-right: 5px;"><i class="fa fa-plus-circle"></i> Add Validation Rule</a>
                            </div>
                        </div>
                    </div>
                    <div class="portlet-body" style="height:auto !important;">
                        <div class="table-scrollable" id="forms-outer-div">    
                            <table id="forms_dt" class="table table-striped table-bordered table-hover " cellspacing="0" width="100%">
                                <thead>
                                    <tr>
                                        <th>Data Form Field</th>
                                        <th>Validation Rule</th>
                                        <th>Error Message</th>
                                        <th class="text-right">Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($form_fields as $field)
                                    <tr>
                                        <td>{{ $field->form_field_label }}</td>
                                        @if(count(get_validation_group_rule($validationGroup->id, $field->id)) > 0)
                                            @foreach(get_validation_group_rule($validationGroup->id, $field->id) as $validationRule)
                                                <td>{{ $validationRule->validation_rule_name  }}</td>
                                                <td><span class="font-red-sunglo">{{ $validationRule->validation_error }}</span></td>
                                                <td class="text-right">
                                                    <div class="btn-group btn-group-xs">
                                                        <a href="#" data-id="{{$validationRule->id}}" data-validation_group_id="{{$validationRule->validation_group_id}}" data-validation_rule_id="{{$validationRule->validation_rule_id}}" data-data_field_id="{{$validationRule->data_field_id}}" data-validation_error="{{$validationRule->validation_error}}"  class="btn btn-fit-height blue edit_validation_rule_btn" style="margin-right: 5px;"><i class="fa fa-pencil"></i> Edit </a>
                                                    </div>
                                                </td>
                                            @endforeach
                                        @else
                                            <td></td>
                                            <td></td>
                                            <td class="text-right">
                                                <div class="btn-group btn-group-xs">
                                                    <a href="#" data-toggle="modal" data-target="#addValidationRule" data-data_field_id="{{$field->id}}" class="btn btn-fit-height blue add_validation_rule_btn" style="margin-right: 5px;"><i class="fa fa-plus-circle"></i> Add </a>
                                                </div>
                                            </td>
                                        @endif
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- END CONTENT BODY -->
</div>
<!-- END CONTENT WRAPPER -->    

<!-- BEGIN INCLUDE MODAL  "ADD/EDIT VALIDATION RULE" -->
<div class="modal fade" id="addValidationRule" tabindex="-1" role="basic" aria-hidden="true">
    <div class="modal-dialog">
        <input type="hidden" id="prefix_id_hidden" value="" />
        <form class="modal-content horizontal-form" action="{!! url('admin/validationgroups') !!}" id="addedit_validation_rules_form" method="post">
            <input type="hidden" name="token_csrf" id="token_csrf" value="{{ csrf_token() }}" />
            <input type="hidden" name="id" id="id" value="" />
            <input type="hidden" name="action" id="action" value="ajax" />
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title">Add / Edit Validation Rule</h4>
            </div>
            <div class="form-horizontal modal-body" role="form">
                <div class="form-body">
                    <div id="addeditvalrule_success_div" class="error-block form-group" style="display:none; ">
                        <div id="addeditvalrule_success_msg" class="alert alert-success col-md-12"></div>
                    </div>
                    <div id="addeditvalrule_error_div" class="error-block form-group" style="display:none; ">
                        <div id="addeditvalrule_error_msg" class="alert alert-danger col-md-12"></div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">

                            
                            
                            <div class="form-group">
                                <label class="control-label col-md-4">Validation Group <span class="required">*</span></label>
                                <div class="col-md-8">
                                    <select class="form-control" id="validation_group_id" name="validation_group_id" required="">
                                        <option value="">Select</option>
                                        @foreach($validationGroups as $row)
                                        <option value="{{ $row->id }}">Form No {{ $row->form_id }} {{ '('.$row->data_form . ') - '. $row->name }}</option>  
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            
                            <div class="form-group">
                                <label class="control-label col-md-4">Data Form Field <span class="required">*</span></label>
                                <div class="col-md-8">
                                    <select class="form-control" id="data_field_id" name="data_field_id" required="">
                                        <option value="">Select</option>
                                        @foreach($formFieldsList as $row)
                                        <option value="{{ $row['id'] }}">{{ $row['name'] }}</option>  
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            
                            <div class="form-group">
                                <label class="control-label col-md-4">Validation Rule <span class="required">*</span></label>
                                <div class="col-md-8">
                                    <select class="form-control" id="validation_rule_id" name="validation_rule_id" required="">
                                        <option value="">Select</option>
                                        @foreach(list_validation_rules() as $row)
                                        <option value="{{ $row->id }}">{{ $row->name }}</option>  
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            
                            <div class=" form-group">
                                <label class="control-label col-md-4">Error Message Override (Optional)</label>
                                <div class="col-md-8">
                                    <input type="text" id="error" name="error" class="form-control" value='{{old('error')}}' >
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn default" data-dismiss="modal">Close</button>
                <button type="submit" class="btn blue"><span class="glyphicon glyphicon-floppy-disk"></span> Save</button>
            </div>
        </form>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- END INCLUDE MODAL -->
@stop