@extends('admin.layout.master')

@section('content-header')
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        Manage Roles
        <small>All Users</small>
      </h1>
     <!--  <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
        <li><a href="#">Tables</a></li>
        <li class="active">Data tables</li>
      </ol> -->
    </section>
@stop

@section('content')
<!-- Main content -->
    <div class="page-header clearfix">
        <div class="pull-left">
       <!--  <p>Domain List</p> -->
        </div>

        <div class="pull-right">
            <a href="{{url('roles/create')}}" class="btn btn-bg btn-primary">
                <span><i class="fa fa-plus-circle fa-btn fa-primary"></i> {{ trans('table.new') }}</span></a>
        </div>
    </div>

    <section class="content">
      <div class="row">
        <div class="col-xs-12">
          
          <!-- /.box -->

          <div class="box">
            <div class="box-header">
              <!-- <h3 class="box-title">Data Table With Full Features</h3> -->
            </div>
            <!-- /.box-header -->
            <div class="box-body">
              <table id="listTable" class="table table-bordered table-striped">
                <thead>
                <tr>
                  <th class="text-center">Role</th>
                  <th class="text-center" data-orderable="false">Actions</th>
                </tr>
                </thead>
                <tbody>
                     
                <tr>
                  <td class="text-center">{{"Role"}}</td>
                  <td class="text-center">
                    <!-- <a class="btn  btn-warning"  href=""><span class="fa fa-edit"></span></a> -->
                    <!-- <a class="btn  btn-warning"  href=""><span class="fa fa-close"></span></a> -->
                    <a href= '' class="btn btn-primary" title="Show" >
                    <i class="fa fa-fw fa-eye"></i> </a>
                  
                    <a href= "" class="btn btn-warning"  title="Edit" data-target="" data-toggle="modal" id="modal-edit">
                    <i class="fa fa-fw fa-edit"></i> </a> 
    
                    <a href= "" class="btn btn-danger"title="Delete">
                    <i class="fa fa-fw fa-times"></i> </a>
                  </td>
                  <!-- <td> 4</td> -->
                  <!-- <td>X</td> -->
                
                </tr>

        

                <!-- Modal -->
                <div class="modal fade" id="modal-edit-domain" tabindex="-1" role="dialog" 
                     aria-labelledby="myModalLabel" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <!-- Modal Header -->
                            <div class="modal-header">
                                <button type="button" class="close" 
                                   data-dismiss="modal">
                                       <span aria-hidden="true">&times;</span>
                                       <span class="sr-only">Close</span>
                                </button>
                                <h4 class="modal-title" id="myModalLabel">
                                    Edit Domain
                                </h4>
                            </div>
                            
                            <!-- Modal Body -->
                            <div class="modal-body">
                              
                              
                                {{ csrf_field() }}
                                  <div class="form-group">
                                    <label  class="col-sm-2 control-label"
                                              for="domain_name">Domain Name</label>
                                    <div class="col-sm-10">
                                        <input type="text" class="form-control" 
                                        id="domain_name" name="domain_name" value="" placeholder="Enter Domain Name"/>
                                    </div>
                                  </div>  
                                 

                            <!-- </div> -->
                            
                            <!-- Modal Footer -->
                            <!-- <div class="modal-footer"> -->
                                <button type="button" class="btn btn-default"
                                        data-dismiss="modal">
                                            Close
                                </button>
                                <button type="submit" class="btn btn-primary">
                                    Save changes
                                </button>
                                 <!-- </form> -->
                           
                            </div>
                           
                        </div>
                    </div>
                </div>     
                </tbody>
                 <tfoot>
                <tr>
                  <th class="text-center">Full Name</th>
                  <th class="text-center">Company Name</th>
                  <th class="text-center">Email</th>
                  <th class="text-center">Address</th>
                  <th class="text-center">Website</th>
                  <th class="text-center">Phone No</th>
                  <th class="text-center">Fax</th>
                  <th class="text-center">License No</th>
                  <th class="text-center">No of Designers</th>
                  <th class="text-center" data-orderable="false">Actions</th>
                </tr>
                </tfoot> 
              </table>
            </div>
            <!-- /.box-body -->
          </div>
          <!-- /.box -->
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
    </section>
    <!-- /.content -->




@stop

@section('javascript')
<!-- page script -->
<script>
 $(function () {
$("#listTable").DataTable();
});
</script>

@stop