@extends('layout.masters')
@section('content')
<div id="page-wrapper">
  <div class="container-fluid">
    <div class="row">
      <div class="col-sm-10 col-md-8">
        <div class="page-title">
          <h3>Agents Details</h3>
        </div>
        <div class="table">
            <!-- <div class="custom-table header green">
                <div class="cell">Title</div>
                <div class="cell">Description</div>
            </div> -->
            <div class="custom-table">
                <div class="cell" data-title="Title">Title</div>
                <div class="cell" data-title="Description">{{$agent->agent_title}}</div>
            </div>
            <div class="custom-table">
                <div class="cell" data-title="Title">Description</div>
                <div class="cell" data-title="Description">{{$agent->agent_desc}}</div>
            </div>
            <div class="custom-table">
                <div class="cell" data-title="Title">Server Details</div>
                <div class="cell" data-title="Description">
                    <ul> 
                        <li><b>Server Name: </b>{{$server->server_name}}</li>
                        <li><b>Host Name: </b>{{$server->host}}</li>
                        <li><b>Server IP: </b>{{$server->server_ip}}</li>
                    </ul>
                </div>
            </div>
            <div class="custom-table">
                <div class="cell" data-title="Title">IP</div>
                <div class="cell" data-title="Description">{{$agent->agent_ip}}</div>
            </div>
            <div class="custom-table">
                <div class="cell" data-title="Title">Port</div>
                <div class="cell" data-title="Description">{{$agent->agent_port}}</div>
            </div>
            <div class="custom-table">
                <div class="cell" data-title="Title">Agent type</div>
                <div class="cell" data-title="Description">{{$agent->agent_type}}</div>
            </div>
            <div class="custom-table">
                <div class="cell" data-title="Title">Status</div>
                <div class="cell" data-title="Description"></div>
            </div>
            <div class="custom-table">
                <div class="cell" data-title="Title">Agent path</div>
                <div class="cell" data-title="Description">
                    <ul>
                        @foreach($agent['agent_paths'] as $agent_path)
                        <li>{{$agent_path}}</li>
                        <ul>
                            <li>192.10.13.2 <span style="margin-left:20px"><a class="btn btn-success btn-xs" type="button" href=""><span class="fa fa-pencil"></span>Download</a></span></li>
                            <li>hf.com <span style="margin-left:20px"><a class="btn btn-success btn-xs" type="button" href=""><span class="fa fa-pencil"></span>Download</a></span></li>
                        </ul>
                        @endforeach
                    </ul>
                </div>
            </div>
        </div>
        <div class="buttons-container">
          <a href="{{url()->previous()}}" class="btn btn-formSubmit" type="button">Back</a>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection