@extends('layouts.admin')

@section('content')     

    @include('admin._partials.breadcrumb')


    <div class="wrapper-content">
        <div class="ibox-content ">
                     
                        
                    {{-- @if ($message = Session::get('success'))
                        <div class="alert alert-success alert-block">
                            <strong>{{ $message }}</strong>
                        </div>
                    @endif --}}

                    @include('admin.includes.alerts')
                
                
                    <form action="{{ route('upload-multiple.store') }}" method="POST" enctype="multipart/form-data">
                        @csrf            
                        <div class="mb-3">
                             <label class="form-label">Select Files:</label> 
                            <input type="file" name="files[]" multiple class="form-control @error('files') is-invalid @enderror">
            
                            @error('files')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>            
                        <div class="mb-3">
                            <button type="submit" class="btn btn-primary btn-rounded btn-block">Upload</button>
                        </div>                
                    </form> 

                    {{-- <form action="{{ route('upload-multiple.store') }}" method="POST" enctype="multipart/form-data" class="dropzone" id="dropzone">
                        @csrf 
                        <div class="fallback">                        
                            <input type="file" name="files[]" multiple class="form-control @error('files') is-invalid @enderror">
                        </div>                       
                    </form>                  
                     --}}
                    
                    <div class="table-responsive">
                        <table class="table table-striped table-bordered table-hover" id="dataTables" class="display" style="width:100%">
                            <thead>
                                <tr>
                                    <th>Id</th>
                                    <th>Nome</th>                                    
                                    <th>Imagen</th>
                                    <th>Link</th>
                                    <th>Opcões</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($arquivos as $arquivo)
                               
                                    <tr>
                                        <td>
                                            {{ $arquivo->id }}                                          
                                        </td>
                                        <td>
                                            {{ $arquivo->name }}                                          
                                        </td>                                                                    
                                        <td>

                                            @php
                                                $extensao = explode(".", $arquivo->name);                                                
                                                // dd($extensao[1]);
                                            @endphp
                                            

                                            @if ($extensao[1] == 'mp4')                                    
                                                <video style="max-width: 200px;" controls>
                                                    <source src="{{URL::asset("/storage/uploads/$arquivo->name")}}" type="video/mp4">                                               
                                                </video>                              
                                            @else                                      
                                                <img src="{{ url("storage/uploads/{$arquivo->name}") }}" alt="{{ $arquivo->name }}" style="max-width: 200px;">
                                            @endif                                       
                                        
                                                                                                                                

                                        </td> 
                                        <td>
                                           <a target="_blank" href="{{ url("storage/uploads/{$arquivo->name}") }}">
                                                <strong>{{ url("storage/uploads/{$arquivo->name}") }}</strong>
                                            </a>                                    
                                        </td>                         
                                         <td class="width=50px;">
                                            <a href="{{ route('upload-multiple.edit', $arquivo->id) }}" class="btn btn-success">
                                                <i class="fa fa-edit"></i> 
                                            </a>
                                            {{-- <a href="{{ route('upload-multiple.destroy', $arquivo->id) }}"  class="btn btn-danger">
                                                <i class="fa fa-info-circle"></i> 
                                            </a> --}}

                                            <form action="{{ route('upload-multiple.destroy', $arquivo->id) }}" onclick="return confirm('Deseja realmente excluir este arquivo: ');" method="POST">
                                                @csrf
                                                @method('DELETE')
                                                <button type="submit" class="btn btn-danger"><i class="fa fa-info-circle"></i> </button>
                                            </form>


                                            {{-- <a href="{{ url('admin/ged/upload-multiple/destroy', $arquivo->id) }}" class="btn btn-success">
                                                <i class="fa fa-edit"></i> 
                                            </a> --}}

                                            
                                           

                                        </td>                                    
                                    </tr>
                                @endforeach
                            </tbody>
                            <tfoot>
                                <tr>
                                    <th>Id</th>
                                    <th>Nome</th>                                    
                                    <th>Imagen</th>
                                    <th>Link</th>
                                    <th>Opcões</th>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                


       </div>
    </div>
@endsection

@push('scripts')

    <script type="text/javascript">
      
    </script>

@endpush