@extends('layouts.member-app')

@section('page-title')
    <div class="row bg-title">
        <!-- .page title -->
        <div class="col-lg-7 col-md-4 col-sm-4 col-xs-12">
            <h4 class="page-title"><i class="{{ $pageIcon }}"></i>Links </h4>
        </div>
        <!-- /.page title -->
        <!-- .breadcrumb -->
        <div class="col-lg-5 col-sm-8 col-md-8 col-xs-12 text-right">
            <a href="{{ route('member.links.linkscreate') }}" class="btn btn-outline btn-success btn-sm">Add New Links <i class="fa fa-plus" aria-hidden="true"></i></a>
            <ol class="breadcrumb">
                <li><a href="{{ route('member.dashboard') }}">@lang('app.menu.home')</a></li>
                <li class="active">@lang($pageTitle)</li>
            </ol>
        </div>
        <!-- /.breadcrumb -->
    </div>
@endsection

@push('head-script')
<link rel="stylesheet" href="{{ asset('css/datatables/dataTables.bootstrap.min.css') }}">
<link rel="stylesheet" href="{{ asset('css/datatables/responsive.bootstrap.min.css') }}">
<link rel="stylesheet" href="{{ asset('css/datatables/buttons.dataTables.min.css') }}">
<link rel="stylesheet" href="{{ asset('css/datatables/buttons.dataTables.min.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/bower_components/bootstrap-select/bootstrap-select.min.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/bower_components/custom-select/custom-select.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/bower_components/multiselect/css/multi-select.css') }}">
<style>
    #employees-table_wrapper .dt-buttons{
        display: none !important;
    }
    .data-section.col-md-9 {
    width: 100%;
}
</style>
@endpush




@section('content')

    <div class="row dashboard-stats">
        <div class="col-md-12 m-b-30">
            <div class="white-box">
                 @if ($message = Session::get('success'))
            <div class="alert alert-success alert-block">
                <button type="button" class="close" data-dismiss="alert">×</button>    
                <strong>{{ $message }}</strong>
            </div>
            @endif
                <div class="col-sm-6">
                    <h4><span class="text-info">{{$totallinks}}</span> <span class="font-12 text-muted m-l-5"> total links</span></h4>
                </div>
                <table id="example" class="table table-striped table-bordered" style="width:100%">
                    <thead>
                    <tr role="row">
                        <th> S.No. </th>
                        <th> Project Name </th>
                         <th>Technology</th>
                        <th> Keywords </th>
                        <th> Business Domain </th>
                        
                      

                        <th> Platform </th>
                        
                    </tr>
                  </thead>
        <tbody>

        @if(($links))
                        @foreach($links as $key=>$value)
            <tr>
            <td><a href="{{route('member.links.show',$value->id)}}" target="_blank" >{{$i}}</a></td>
             <td><a href="{{route('member.links.show',$value->id)}}" target="_blank" >{{$value->project_name}}</a></td>
              <td><a href="{{route('member.links.show',$value->id)}}" target="_blank" >{{$value->skills}}</a></td>
               <td><a href="{{route('member.links.show',$value->id)}}" target="_blank" >{{$value->keywords}}</a></td>
                <td><a href="{{route('member.links.show',$value->id)}}" target="_blank" >{{$value->domain}}</a></td>
                <td><a href="{{route('member.links.show',$value->id)}}" target="_blank" >{{$value->mode}}</a></td>
                
             </tr>
                                             @endforeach
                      @endif

            </div>
        </div>

    </div>

    <div class="row">


        <div class="col-md-12">
            <div class="white-box">

               
            </div>
        </div>
    </div>
    <!-- .row -->

@endsection

@push('footer-script')
<script src="{{ asset('plugins/bower_components/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('js/datatables/dataTables.bootstrap.min.js') }}"></script>
<script src="{{ asset('js/datatables/dataTables.responsive.min.js') }}"></script>
<script src="{{ asset('js/datatables/responsive.bootstrap.min.js') }}"></script>
<script src="{{ asset('plugins/bower_components/custom-select/custom-select.min.js') }}"></script>
<script src="{{ asset('plugins/bower_components/bootstrap-select/bootstrap-select.min.js') }}"></script>
<script src="{{ asset('plugins/bower_components/multiselect/js/jquery.multi-select.js') }}"></script>
<script src="{{ asset('js/datatables/dataTables.buttons.min.js') }}"></script>
<script src="{{ asset('js/datatables/buttons.server-side.js') }}"></script>

<script>
    $(document).ready(function() {
    $('#example').DataTable();
} );



</script>
@endpush