@extends('master.admin')

@push('header.scripts')
<!-- BEGIN PAGE LEVEL PLUGINS -->
<!-- END PAGE LEVEL PLUGINS -->
@stop

@push('footer.scripts')
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="{{ asset('public/assets/pages/scripts/components-select2.js') }}" type="text/javascript"></script>
<!-- END PAGE LEVEL SCRIPTS -->
<script>
    $(function() {
        
        $('#campus_id').change(function(e){
            if( $(this).val() != '' ){
                loadcampusprograms($(this).val());
            }
        });
        
    });
    
    function loadcampusprograms($campus_id){
        $.ajax({
            url : "{!! url('admin/programs/filtercampusprograms') !!}",
             type: 'GET',
            data : {'id': $campus_id, 'selected': '0'},
            dataType: 'html',
            success:function(response) {
                $('#select2-programs-group-append').html('');
                $('#select2-programs-group-append').html(response);
            },
            error: function(jqXHR, textStatus, errorThrown) {
                return false;   
            }
        });
    }
    
</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="#">Data</a>
                    <i class="fa fa-angle-right"></i>
                </li>
                <li>
                    <a href="{{url('admin/data/forms')}}">Forms</a>
                    <i class="fa fa-angle-right"></i>
                </li>
                <li>
                    <span>Add New Form</span>
                </li>
            </ul>
        </div>
        <!-- END PAGE BAR -->
        <!-- BEGIN PAGE TITLE-->
        <h3 class="page-title"> </h3>
        <!-- END PAGE TITLE-->
        @if (count($errors) > 0)
            <div class="alert alert-danger">
                <button type="button" class="close" data-dismiss="alert"></button>
                <h4 class="alert-heading"><strong>Validation Errors!</strong></h4>
                <ul>
                    @foreach ($errors->all() as $error)
                        <li> {{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        <div class="row">
            <div class="col-md-12">
                <div class="portlet box blue-hoki">
                    <div class="portlet-title">
                        <div class="caption">
                            <i class="fa fa-plus"></i>Add New Form</div>
                        <div class="tools"></div>
                    </div>
                    <div class="portlet-body form">
                        {!! Form::open(array('url' => 'admin/data/forms')) !!}    
                            {!! csrf_field() !!}
                            <input type="hidden" name="id" value="" />
                            <input type="hidden" name="action" id="action" value="normal" />
                            <div class="form-body">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">Campus <span class="required">*</span></label>
                                            <select class="form-control" id="campus_id" name="campus_id" required="">
                                                <option value="">Select</option>  
                                                @foreach($campusList as $row)
                                                <option value="{{ $row->id }}">{{ $row->name }}</option>  
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <!--/span-->
                                    
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">Form Name <span class="required">*</span></label>
                                            <input type="text" id="name" name="name" class="form-control" required="" >
                                        </div>
                                    </div>
                                    <!--/span-->
                                </div>
                                <!--/row-->
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">Programs</label>
                                            <div class="input-group select2-bootstrap-prepend">
                                                <span class="input-group-btn">
                                                    <button class="btn btn-default" type="button" data-select2-open="select2-programs-group-append">
                                                        <span class="glyphicon glyphicon-search"></span>
                                                    </button>
                                                </span>
                                                <select id="select2-programs-group-append" name="programs[]" class="form-control select2-programs-multiple" multiple>
                                                    @foreach($programs as $program)
                                                        <option value="{{ $program->id }}">{{ $program->name }}</option>  
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <!--/span-->
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">Status <span class="required">*</span></label>
                                            <select class="form-control" id="active" name="active" required="">
                                                <option value="1">Active</option>  
                                                <option value="0">Inactive</option>  
                                            </select>
                                        </div>
                                    </div>
                                    <!--/span-->
                                    
                                </div>
                                <!--/row-->
                                
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">States</label>
                                            <div class="input-group select2-bootstrap-prepend">
                                                <span class="input-group-btn">
                                                    <button class="btn btn-default" type="button" data-select2-open="select2-states-group-append">
                                                        <span class="glyphicon glyphicon-search"></span>
                                                    </button>
                                                </span>
                                                <select id="select2-states-group-append" name="states[]" class="form-control select2-multiple" multiple>
                                                    @foreach(list_us_states() as $row)
                                                        <option value="{{ $row->code }}">{{ $row->name }}</option>  
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <!--/span-->
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">Order </label>
                                            <input type="text" id="order" name="order" class="form-control" value='{{old('order')}}' >
                                        </div>
                                    </div>
                                    <!--/span-->
                                </div>
                                <!--/row-->
                                
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label class="control-label">Zip Codes </label>
                                            <textarea id="zip_codes" name="zip_codes" class="form-control" rows="6" ></textarea>
                                            <span class="help-block">33201, 32222, 09645</span>
                                        </div>
                                    </div>
                                    <!--/span-->
                                </div>
                                
                                <div class="form-actions right">
                                    <a href="{{url('admin/data/forms')}}" class="btn default">Cancel</a>
                                    <button type="submit" class="btn blue">
                                        <i class="fa fa-check"></i> Save
                                    </button>
                                </div>
                            </div>
                        {!! Form::close() !!}
                    </div>
                </div>
            </div>
        </div>

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


@stop