@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="{{ route('ogrenciler.create') }}" class="btn btn-primary"><i class="fa fa-plus"></i>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">Öğrenci 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>Öğretmen</th>
                            <th>Öğrenci</th>
                            <th>Düzenle</th>
                            <th>Sil</th>
                        </tr>
                    </thead>
                    <tbody>
                     <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                     </tr>
                    </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