@extends('backend.layouts.app')

@section('content')

@if(Session::has('message'))
<div class="callout callout-success">
                <h6>{{ Session::get('message')}}</h6>
              </div>
@endif

@if(Session::has('error_message'))
<div class="callout callout-danger">
                <h6>{{ Session::get('error_message')}}</h6>
              </div>
@endif


@if (count($errors) > 0)
    <div class="callout callout-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif


<script>
  // When the browser is ready...
  $(function() {
  
  $(".edit_form").validate({
   });
    $(".add_form").validate({
   });
    $(".attr_add_form").validate({
   });
   });
  </script>
  {!! Html::script('expand_theme/js/jquery.validate.min.js') !!}

<script>
    $(document).ready(function() {

    });
	
	function deleteAttribute(id) {
              if (confirm('Are you sure you want to delete?')) {
                                       $.ajax({
                                           type: "GET",
                                           url: "{{ URL::to('admin/attributes/delete/') }}" + "/" + id,
                                           success: function(message) {
                                               window.location.href = "{{ URL::to('admin/attributes') }}";
                                           }
                                        });
				}
                        
              
       }
    </script>
<!--<div class="row" id="ajaxmaterialdisplayform">

<div class="row">
	<div class="col-md-10">
		<h3>Services List</h3>
	</div>
	<div class="col-md-2">
	<a href="{{ url('admin/services/create') }}" class="btn default pull-right" id="">Add New <i class="fa fa-plus"></i></a>
	</div>
</div>	
<hr>

<!-- End Page Content 
</div>

  
  <br><br>-->
  
  
    <div class="modal fade" id="modal-add">
          <div class="modal-dialog">
              <div class="modal-content">
                <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                  <h4 class="modal-title">Add Attribute</h4>
                </div>
          {!! Form::open(array('url' => 'admin/attributes/create', 'class' => 'form-horizontal add_form', 'files' => true )) !!}
					<div class="modal-body">
					<div class="row" style="margin:0px 0px 0px 0px !important;">
					<div class="col-md-3">

					<label class="control-label">Name <span class="required" aria-required="true">* </span></label>  
					</div>
					<div class="col-md-9">
					<input type="text" name="attr_name" id="attr_name" class="form-control required" value="{{ old('attr_name') }}">
					</div>
					</div>
					<br />
					
					<div class="row">
					<div class="col-md-3">
					<p>&nbsp; </p>
					</div>
					<div class="col-md-9"> {!! Form::submit('Save', ['class' => 'btn btn-primary']) !!}

					&nbsp; <a href="#" class="btn btn-default btn red" data-dismiss="modal" aria-hidden="true">Cancel</a> </div>
					</div>
					</div>
                {!! Form::close() !!} </div>
            </div>
          <!-- /.modal-dialog -->
        </div>
		
		   <div class="modal fade" id="attr_modal-add">
          <div class="modal-dialog">
              <div class="modal-content">
                <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                  <h4 class="modal-title">Add Attribute Value</h4>
                </div>
          {!! Form::open(array('url' => 'admin/attribute_values/create', 'class' => 'form-horizontal attr_add_form', 'files' => true )) !!}
					<div class="modal-body">
					<div class="row" style="margin:0px 0px 0px 0px !important;">
					<div class="col-md-3">

					<label class="control-label">Attribute <span class="required" aria-required="true">* </span></label>  
					</div>
					<div class="col-md-9">
					 <select name="att_id" class="form-control required">
					 <option></option>
					 @foreach($list_attributes as $list)
					 <option value="{{ $list->att_id }}">{{ $list->attr_name }}</option>
					 @endforeach</select>
					</div>
					</div>
					<br />
					<div class="row" style="margin:0px 0px 0px 0px !important;">
					<div class="col-md-3">

					<label class="control-label">Value <span class="required" aria-required="true">* </span></label>  
					</div>
					<div class="col-md-9">
					<input type="text" name="at_value" id="at_value" class="form-control required" value="{{ old('at_value') }}">
					</div>
					</div>
					<br />
					
					<div class="row">
					<div class="col-md-3">
					<p>&nbsp; </p>
					</div>
					<div class="col-md-9"> {!! Form::submit('Save', ['class' => 'btn btn-primary']) !!}

					&nbsp; <a href="#" class="btn btn-default btn red" data-dismiss="modal" aria-hidden="true">Cancel</a> </div>
					</div>
					</div>
                {!! Form::close() !!} </div>
            </div>
          <!-- /.modal-dialog -->
        </div>
		
		
<div class="row" id="ajaxmaterialdisplayform">
  <div class="col-md-12" id="backend-configuration-mobile-gp">
    <div class="box">
      <div class="box-header">
        <div class="row">
          <div class="col-md-7">
            <h3>Attributes</h3>
          </div>
		  
          <div class="col-md-5">
            <p class="form-control-static pull-right">
			<button type="button" class="btn btn-default" data-toggle="modal" data-target="#modal-add">
                <i class="fa fa-plus"></i>&nbsp;Add New Attribute
              </button>&nbsp;	<button type="button" class="btn btn-default" data-toggle="modal" data-target="#attr_modal-add">
                <i class="fa fa-plus"></i>&nbsp;Add New Value
              </button>
			  </p>
          </div>
         </div>
      </div>
      <div class="box-body">
        <div class="row" id="read">
          <div class="col-md-12">
            <!-- BEGIN EXAMPLE TABLE PORTLET-->
            <div class="portlet">
			 <div class="table-responsive">
                      <table class="table table-striped table-hover table-bordered">
            <thead>
                <tr>
				    <th>Name</th>
					<th>Values</th>
					<th>Status</th>
					<th>Action</th>
                </tr>
            </thead>
            <tbody>
               @foreach ($attributes as $attribute)  
               
                <tr>
                    <td><a href="{{ url('admin/attributevalues/'.$attribute->att_id) }}" >{{ $attribute->attr_name }}</a></td>
					<td>