@extends('layouts.master')
@section('title', 'Dosya İşlemleri')
@section('content')
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <a class="btn btn-sm btn-danger mb-2" href="{{route('dosya')}}">Dosyalarım</a>
                        <a class="btn btn-sm btn-primary mb-2" href="{{route('gelen')}}">Öğrenci Dosyaları</a>
                        <a class="btn btn-sm btn-primary mb-2" href="{{route('dosyaYukle')}}">Dosya Yükle</a>                      
                        {{-- <a class="btn btn-sm btn-secondary mb-2" href="{{ route('dekontyukle') }}">Dosya Yükle</a> --}}
                    </div><!-- /.col -->
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item active">Dosyalarım</li>
                        </ol>
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.container-fluid -->
        </div>
        <!-- /.content-header -->

        <!-- Main content -->
        <section class="content">


            <div class="card">
                <div class="card-header">
                    <h3 class="col-md-12 card-title text-info fw-bold fs-4">
                        Toplam Dosya Büyüklüğünüz: {{$toplam}} MB - Kalan Depolama Alanınız: {{50-$toplam}} MB
                        <div class="progress mt-2" title="50 MB alanınızın {{$toplam}} MB kadarını kullandınız">
                            <div class="progress-bar bg-primary progress-bar-striped"  role="progressbar" aria-valuenow="{{$toplam}}" aria-valuemin="0" aria-valuemax="50" style="width:{{$toplam}}%">
                               <b>{{$toplam}}</b>
                            </div>
                          </div>
                    </h3>
                   
                </div>
                <!-- /.card-header -->
                @if ($dosyas->count() == 0)
                    <div class="card-body text-center text-warning fw-bold">
                        <h5>Yüklediğiniz dosya bulunmamaktadır</h5>
                    </div>
                @else
                    <div class="card-body">
                        <table id="example1" class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>Sıra No</th>

                                    <th>Yükleme Tarihi</th>
                                    <th>Sınıf</th>
                                    <th>Ders</th>
                                    <th>Konu</th>                                    
                                    <th>Dosya Adı</th>
                                    <th>Dosya Boyutu (MB)</th>
                                    <th style="width:80px !important">İşlemler</th>
                                </tr>
                            </thead>
                            <tbody>
                                
                                @php($sira = 0)
                                @php($gun="")
                           
                               
                                @foreach ($dosyas as $dosya)
                                @if (Carbon\Carbon::parse($dosya->created_at)->format('l') == 'Monday')
                                @php($gun = 'Pazartesi')
                            @elseif(Carbon\Carbon::parse($dosya->created_at)->format('l') == 'Tuesday')
                                @php($gun = 'Salı')
                            @elseif(Carbon\Carbon::parse($dosya->created_at)->format('l') == 'Wednesday')
                                @php($gun = 'Çarşamba')
                            @elseif(Carbon\Carbon::parse($dosya->created_at)->format('l') == 'Thursday')
                                @php($gun = 'Perşembe')
                            @elseif(Carbon\Carbon::parse($dosya->created_at)->format('l') == 'Friday')
                                @php($gun = 'Cuma')
                            @elseif(Carbon\Carbon::parse($dosya->created_ath)->format('l') == 'Saturday')
                                @php($gun = 'Cumartesi')
                            @elseif(Carbon\Carbon::parse($dosya->created_at)->format('l') == 'Sunday')
                                @php($gun = 'Pazar')
                            @endif

                                    @php($sira++)
                                    <tr>
                                        <td>{{ $sira }}</td>

                                        <td>{{ Carbon\Carbon::parse($dosya->created_at)->format('d-m-Y')}}-{{$gun}}</td>
                                        <td>
                                            @if($dosya->getSinif->count()>0)
                                            @foreach ($dosya->getSinif as $sinif )
                                           <i>{{$sinif->sinif}}</i><b>,</b>  
                                             @endforeach 
                                            @else
                                              Sınıf Seçilmemiş
                                            @endif
                                        </td>   
                                        <td>
                                           {{$dosya->dname}}
                                        </td>
                                        <td>
                                            {{$dosya->konu}}
                                        </td>
                                        <td>
                                            {{$dosya->name}}
                                        </td>
                                        <td>{{round($dosya->size/(1024*1024),2)}} MB</td>
                                        <td class="text-center" style="width:100px!important">
                                             <a title="İndir" class="btn btn-sm btn-outline-primary"
                                                 href="{{route('dosyaDownload',$dosya->id)}}"><i
                                                    class="fas fa-download"></i></a>
                                             <a title="Sil" class="btn btn-sm btn-outline-danger delete-click"
                                                id="{{ $dosya->id }}"><i class="fas fa-trash-alt"></i></a>
                                        </td>

                                    </tr>
                                @endforeach

                            </tbody>

                        </table>
                    </div>

                @endif
                <!-- /.card-body -->
            </div>
            <div class="modal" id="deleteModal">
                <div class="modal-dialog modal-md modal-dialog-scrollable">
                    <div class="modal-content">

                        <!-- Modal Header -->
                        <div class="modal-header">
                            <h5 class="modal-title">Dosya Sil</h5>
                            <button type="button" class="close text-white" data-dismiss="modal">&times;</button>
                        </div>


                        <div class="modal-body" id="body">

                            <p>Seçmiş olduğunuz dosya yüklemesi silinecektir! Onaylıyormusunuz?</p>

                        </div>


                        <div class="modal-footer">
                            <form method="POST" action="{{ route('dosyaDelete') }}">
                                @csrf
                                <input type="hidden" name="id" id="delete_id" />
                                <button id="deleteBtn" type="submit" class="btn btn-primary">Sil</button>
                            </form>
                            <button type="button" class="btn btn-danger" data-dismiss="modal">Kapat</button>
                        </div>


                    </div>


                </div>
            </div>


        </section>

        <!-- /.content -->
    </div>
@endsection
@section('js')
    <script>

        $(function() {

            $('.delete-click').click(function() {
               id = $(this)[0].getAttribute('id');

                $('#delete_id').val(id);
                $('#deleteModal').modal('show');

            });
        });
    </script>
    {{-- <script>
        $(function() {
            $('.edit-click').click(function() {
                ay = $(this)[0].getAttribute('ay');
                url = $(this)[0].getAttribute('url');

                jQuery.noConflict();
                $(".title-edit").text("Dekont Görüntüle : " + ay +
                    " tarihine ait dekontu görüntülüyorsunuz");
                //$('iframe').height( $('iframe').contents().outerHeight() );
                $("#dekonturl").attr("src", url);
                $('#dekontModal').modal('show');

            });
        });
    </script> --}}
<!-- DataTables  & Plugins -->
<script src="{{asset('back')}}/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="{{asset('back')}}/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
<script src="{{asset('back')}}/plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
<script src="{{asset('back')}}/plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>
<script src="{{asset('back')}}/plugins/datatables-buttons/js/dataTables.buttons.min.js"></script>
<script src="{{asset('back')}}/plugins/datatables-buttons/js/buttons.bootstrap4.min.js"></script>
<script src="{{asset('back')}}/plugins/jszip/jszip.min.js"></script>
<script src="{{asset('back')}}/plugins/pdfmake/pdfmake.min.js"></script>
<script src="{{asset('back')}}/plugins/pdfmake/vfs_fonts.js"></script>
<script src="{{asset('back')}}/plugins/datatables-buttons/js/buttons.html5.min.js"></script>
<script src="{{asset('back')}}/plugins/datatables-buttons/js/buttons.print.min.js"></script>
<script src="{{asset('back')}}/plugins/datatables-buttons/js/buttons.colVis.min.js"></script>
<!-- Page specific script -->

@include('layouts.table')

@endsection
@section('css')
    <!-- DataTables -->
    <link rel="stylesheet" href="{{asset('back')}}/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css">
    <link rel="stylesheet" href="{{asset('back')}}/plugins/datatables-responsive/css/responsive.bootstrap4.min.css">
    <link rel="stylesheet" href="{{asset('back')}}/plugins/datatables-buttons/css/buttons.bootstrap4.min.css">
@endsection