@extends('layout.masters')
@section('content')
<div id="page-wrapper">
  <div class="container-fluid">
    <div class="row">
      <div class="col-sm-12 col-md-12">
        <div class="main-container border" style="margin-top : 50px;">
          <div class="col-sm-12 col-md-6 ">
            <h4>Servers</h4>
          </div>
          @if(Auth::user()->role_id == 1)
          <div class="col-sm-12 col-md-6">
            <div class="align-right" style="text-align : right">
              <a href="{{url('add-server')}}" class="btn btn-formSubmit" type="button">Add Server</a>
            </div>
          </div>
          @endif
          <table id="server" class="table table-striped table-bordered" style="width:100%">
            <thead>
              <tr>
                <th>Server Name</th>
                <th>Host</th>
                <th>Server IP</th>
                @if(Auth::user()->role_id == 1)
                <th>Action</th>
                @endif
              </tr>
            </thead>
            <tbody>
              @foreach($servers as $server)
                <tr>
                  <td>{{$server->server_name}}</td>
                  <td>{{$server->host}}</td>
                  <td>{{$server->server_ip}}</td>
                  @if(Auth::user()->role_id == 1)
                  <td>
                    <div class="action-button-container">
                      <a class="btn btn-warning btn-xs" type="button"  href="{{url('edit-server', $server->server_id)}}"><span class="fa fa-pencil"></span>Edit</a>
                      <a class="btn btn-danger btn-xs delete" type="button" data-toggle="modal" data-id='{{$server->server_id}}' data-route='delete-server' data-target="#customModal"><span class="fa fa-close"></span>Delete</a>
                    </div>
                  </td>
                  @endif
                </tr>
              @endforeach
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript">
  $(document).ready(function(){
    $('#server').DataTable();
  });
</script>
@endsection