@extends('layouts.app')
@push('css')
    <style>
        .active {
            background-color: #a0c5e8;
        }

        /* td {
                    outline: none;
                    border-color: #9ecaed;
                    box-shadow: 0 0 10px #9ecaed;
                }

                tr:hover {
                    background-color: #08F7FE;
                } */
    </style>
@endpush
@section('content')
    @inject('carbon', 'Carbon\Carbon')
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <div class="d-inline p-2  text-dark" style="font-size: 26px; font-weight: bold">Interested Teachers' List
                    </div>
                    <div class="d-inline p-2 text-white">


                    </div>
                </div>
                <!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <div class="d-inline p-2 text-white text-right">
                            <a href="{{ route('home') }}" class="btn btn-sm btn-info"><i class="fas fa-home"></i> Home</a>
                        </div>
                        <div class="d-inline p-2 text-white text-right">
                            <a href="{{ URL::previous() }}" class="btn btn-sm btn-primary text-right"><i
                                    class="fas fa-arrow-circle-left"></i> Back</a>
                        </div>
                    </ol>
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->





    <div class="container-fluid">
        <!-- Main row -->
        <div class="row">
            <div class="col-md-12 col-x-12 col-sm-12">
                <table id="example1" class="table table-bordered table-hover">
                    <thead>
                        <tr>
                            <th scope="col">#</th>
                            <th scope="col">Teacher Name </th>
                            <th scope="col">Designation</th>
                            <th scope="col">Institute Name</th>
                            <th scope="col">Course Name</th>

                            <th scope="col">Application Time</th>
                            <th scope="col">Status</th>

                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($interest as $key => $interest)
                            <tr>
                                <th scope="row">{{ $key + 1 }}</th>
                                <td>

                                    {{ $interest->teacher_name }}

                                </td>
                                <td>

                                    {{ $interest->designation }}


                                </td>
                                <td>
                                    {{ $interest->institute_name }}
                                </td>

                                <td>
                                    {{ $interest->course_name }}
                                </td>


                                <td>

                                    {{ $carbon::parse($interest->app_time)->diffForHumans() }}
                                </td>


                                <td>
                                    @if ($interest->status == 1)
                                        <span class="badge badge-success">Accepted</span>
                                    @else
                                        <span class="badge badge-danger">Not Accpeted</span>
                                    @endif
                                </td>

                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        <!-- /.row (main row) -->
    </div>






    <!-- Main row -->
    {{-- <div class="row">
            @foreach ($repositoryfiles as $key => $file)
            <div class="col-md-4 col-x-4 col-sm-4 border">
                <a href="{{ route('repositoryfile.path', $file->id) }}" target="_blank">
                    @if ($file->extension == 'pdf')
                    <i class="fas fa-file-pdf" id="icon"></i>
                    @elseif($file->extension=="doc")
                    <i class="far fa-file-word" id="icon"></i>
                    @elseif($file->extension=="csv")
                    <i class="fas fa-file-csv" id="icon"></i>
                    @elseif($file->extension=="txt")
                    <i class="far fa-file-alt" id="icon"></i>
                    @elseif($file->extension=="xlsx")
                    <i class="fas fa-file-excel" id="icon"></i>
                    @elseif($file->extension=="jpg" || $file->extension=="png")
                    <i class="far fa-image" id="icon"></i></i>
                    @else
                    <i class="far fa-file-excel" id="icon"></i>
                    @endif
                    <h4>{{ $file->file_name }}</h4>
                    <h6>Total{{ $file->file_size }} MB</h6>
                    <h6>Uploaded by {{ $file->users->full_name }}</h6>
                    <h6>Uploaded at {{ $file->created_at->diffForHumans() }}</h6>
                </a>
            </div>
            @endforeach
            {{-- <div class="col-md-12 col-x-12 col-sm-12">
                <table id="datatable" class="table table-bordered">
                    <thead>
                        <tr>
                          <th scope="col">#</th>
                          <th scope="col">File Name</th>
                          <th scope="col">File</th>
                          <th scope="col">File Size (KB)</th>
                          <th scope="col">Created By</th>
                          <th scope="col">Uploaded at</th>
                          <th scope="col">Action</th>
                        </tr>
                      </thead>
                      <tbody>
                        @foreach ($repositoryfiles as $key => $file)
                        <tr>
                            <th scope="row">{{ $key+1 }}</th>
                            <td>{{ $file->file_name }}</td>
                            <td>
                            <a href="{{ route('repositoryfile.path', $file->id) }}" target="_blank">
                                @if ($file->extension == 'pdf')
                                <i class="fas fa-file-pdf" id="icon"></i>
                                @elseif($file->extension=="doc")
                                <i class="far fa-file-word" id="icon"></i>
                                @elseif($file->extension=="csv")
                                <i class="fas fa-file-csv" id="icon"></i>
                                @elseif($file->extension=="txt")
                                <i class="far fa-file-alt" id="icon"></i>
                                @elseif($file->extension=="xlsx")
                                <i class="fas fa-file-excel" id="icon"></i>
                                @elseif($file->extension=="jpg" || $file->extension=="png")
                                <i class="far fa-image" id="icon"></i></i>
                                @else
                                <i class="far fa-file-excel" id="icon"></i>
                                @endif
                            </a>

                            </td>
                            <td>{{ $file->file_size }}</td>
                            <td>{{ $file->users->full_name }}</td>
                            <td>{{ $file->created_at->diffForHumans() }}</td>
                            @can('repositoryfile.destroy')
                            @if (Auth::user()->id == $file->user_id || Auth::user()->role_id == 1 || Auth::user()->role_id == 7)
                            <td style="display: inline-flex">
                                <button type="submit" class="btn btn-danger btn-sm m-1" onclick="deleteCategory({{ $file->id }})"><i class="fas fa-trash"></i> DELETE</button>
                                <form id="delete-form-{{$file->id}}" action="{{ route('repositoryfile.destroy', $file->id) }}" method="POST" style="display: none;">
                                    @csrf
                                    @method('DELETE')
                                </form>
                            </td>
                            @endif
                            @endcan
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div> --}}
    </div>
    <!-- /.row (main row) -->
    {{-- <div>
        <h3>The total size is {{ round($total_size / 1024, 2) }} MB</h3>
    </div>
    <div>
        <h3>The remaining size is {{ 1024 - round($total_size / 1024, 2) }} MB</h3>
    </div> --}}
    </div>
    <!-- /.container-fluid -->
    </section>
    <!-- /.content -->
@endsection

@push('js')
    <script src="https://code.iconify.design/2/2.0.3/iconify.min.js"></script>
    <script type="text/javascript">
        $("#example1").DataTable({
            "responsive": true,
            "lengthChange": false,
            "autoWidth": false,
            "buttons": ["copy", "csv", "excel", "pdf", "print", "colvis"]
        }).buttons().container().appendTo('#example1_wrapper .col-md-6:eq(0)');





        $('#search').on('keyup', function() {
            let value = $(this).val();
            let id = $('input[name="repo_id"]').val();
            console.log(value, id);
            $.ajax({
                type: 'get',
                url: '{{ route('file.search') }}',
                data: {
                    'search': value,
                    'id': id
                },
                success: function(data) {
                    var data = $(data); // the HTML content that controller has produced
                    $('#view').hide().html(data).fadeIn();
                }
            });
        })
    </script>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
@endpush