@extends('layouts.master')
@section('page_title')
    @if(isset($page_title))
        {{ $page_title }}
    @endif
@endsection
@section('css')
@endsection('css')
@section('content')
<div class="">
    <div class="page-title">
      <div class="title_left" style="width:800px !important;">
        <ol class="breadcrumb">
          <li><a href="{!! url('dashboard') !!}">Dashboard</a></li>
          <li class="active">Servers</li>
        </ol>
      </div>
    </div>
    <div class="x_content">
        <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="x_panel">
              <div class="x_title">
                <h2><i class="fa fa-align-left"></i> VPN Configurations</h2>
                <div class="pull-right">
                <a class="btn btn-primary btn-sm" href="{!! url('infrastructure/vpn-create') !!}"><i class="fa fa-plus-circle"></i> New Config
                </a>
            </div>
               
                <div class="clearfix"></div>
              </div>
              <div class="x_content">
                <div class="col-md-12">
                  @if ($vpn_list->isEmpty())
                    <tr>
                      <td class="" colspan="6">No Records found</td>
                    </tr>
                  @else
                  @foreach ($vpn_list as $row)
                  <div class="col-md-3 col-sm-6 col-xs-12">
                      <div class="pricing">
                        <div class="title">
                          <h2>{{ $row->mno_info->name }}</h2>
                          <h1>Peer : {{ $row->remote_peer_ip }}</h1>
                        </div>
                        <div class="x_content">
                          <div class="">
                            <div class="pricing_features">
                              <ul class="list-unstyled text-left">
                                <li>
                                  
                                  {{ $row->partner_access_control_list }}
                                </li>
                                <li>
                                  {{ $row->click_access_control_list }}
                                  
                                </li>
                          
                              </ul>
                            </div>
                          </div>
                          <div class="pricing_footer">
                            <a href="javascript:void(0);" class="btn btn-success btn-block" role="button">Download <span> Form!</span></a>                            
                          </div>
                        </div>
                      </div>
                    </div>

                  @endforeach
                @endif                             
                </div>
              </div>
            </div>
        </div>
        
    </div>  
</div>
 
@endsection
@section('javascript')
<script src="{!! url('public/assets/vendors/tabulator/js/tabulator.js') !!}"></script>
  <script type="text/javascript">
  $(document).ready(function(){
   

});

</script>
@endsection