@extends('layouts.app')
@section('style')
<link rel="stylesheet" href="{{ asset('plugins/custom/datatables/datatables.bundle.css?v=7.2.4') }}">
@endsection
@section('content')
<div  class="card mb-5">
	<div class="container">
      
        <!--begin::Notice-->
        <div class="alert alert-custom alert-white alert-shadow gutter-b" role="alert">
            <i class="fas fa-sticky-note text-primary font-size-h3"></i>&nbsp;&nbsp;&nbsp;
            <div class="alert-text">Verilerinizi aşağıdaki formatlarla dışa aktarabilirsiniz.
            </div>
            
            <a  href="" class="btn btn-primary"><i class="fa fa-plus"></i>&nbsp;Bağlantı Ekle</a>
        </div>
        <!--end::Notice-->
        <!--begin::Card-->
        <div class="card card-custom">
            
            <div class="card-header py-3">
                
                <div class="card-title">
                    <span class="card-icon">
                        <i class="fas fa-users text-primary font-size-h3"></i>
                    </span>
                    <h3 class="card-label">Bağlantılar</h3>
                  
                   
                </div> 
                
            </div>
           
           
			@if (session('success'))
				<div class="alert alert-success"><i class="fa fa-check text-white"></i>&nbsp;{{ session('success') }}</div>
			@endif
            
            <div class="card-body">
                <!--begin: Datatable-->
                <table class="table table-bordered table-hover table-head-custom table-checkable" id="myTable">
                    <thead>
                        <tr class="text-center">
                            <th>Bağlanılan</th>
                            <th>Bağlanan</th>
                        
                            <th>Düzenle</th>
                            <th>Sil</th> 
                        </tr>
                    </thead>
                    <tbody>
                     @foreach ($baglantilar as $baglanti)
                         
                            <tr class="text-center">
								<td>{{ $baglanti->getBaglanilan->name }}</td>
								<td>{{ $baglanti->getBaglanan->name }}</td>
                                <td class="text-center"><a href=""><i class="fa fa-pen text-primary"></i></a></td>
                                <td class="text-center">
									<form method="post" action="">
										@csrf
										@method('delete')
										<button type="submit" class="btn btn-link"><i class="fa fa-trash text-danger"></i></button>
									</form></td>
                              
                            </tr>
                            @endforeach
                    </tbody>
                </table>
                <!--end: Datatable-->
            </div>
        </div>
        <!--end::Card-->
        <!--begin::Card-->

        <!--end::Card-->
    </div>
		@endsection				
				@section('js')
				<script src="{{asset('plugins/custom/datatables/datatables.bundle.js?v=7.2.0')  }}"></script>
				
				<script>
					$(document).ready(function() {
						$('#myTable').DataTable({
							responsive: true,
							dom: 'Bfrtip',
                            buttons: [
                                    'print',
                                    'pdf',
                                    'csv'
                                ]
						});
					});
			
				</script>
				@endsection