@extends('layouts.app')

@section('content')

<meta name="csrf-token" id="csrf-token" content="{{ csrf_token() }}">
<link rel="stylesheet" href="{{ asset('/css/jquery.dataTables.min.css') }}">
<link rel="stylesheet" href="{{ asset('/css/dropzone.min.css') }}">
<style type="text/css">
    .ui-autocomplete {z-index: 99999;}
    .categoryList{margin-top: 20px;}
    #example{margin-top: 10px;}
    #example td .checkbox{margin-right: 5px;}
    .buttonOuter{margin-top: 20px;}
</style>
<script src="{{ asset('/js/dropzone.min.js') }}"></script>

<div class="well">
    <div class="row">
        <div class="col-lg-12">
            <div class="pull-left">
                <h3>Manage World Tv Data</h3>
            </div>
            <div class="pull-right">
                <button type="button" class="btn btn-primary btn-sm " data-toggle="modal" data-target="#import-image-file-modal"><b>Import File</b></button>
            </div>
        </div>
    </div>
</div>

<div class="clearfix addBorderClass categoryList">
    <div class="col-xs-12 col-sm-12 col-md-12">
        <table id="asdasdasdas" class="table table-bordered table-hover dataTable">
            <tr>
                <th>S.No.</th>
                <th>Name</th>
                <th>Logo</th>
                <th>URL</th>
             
            </tr>
            @if(isset($data) && !empty($data))
                          
                @foreach($data as $key => $val)
                    <tr>
                        <td>{{ $i }}</td>
                        <td>{{$val->name}}</td>
                        <td><img src="{{ $val->logo }}" class="image-responsive" style="width:100px;"></td>
                        <td>{{ $val->url }}</td>
                       
                    </tr> 
                                    @endforeach
            @endif
        </table>
    </div>
    <div class="text-right margin-r-5">
        <div>Showing {{ $pageInfo['currentPage'] }} to {{ $pageInfo['lastPage'] }} of {{ $pageInfo['total'] }} entries</div>
        <div>{!! $data->appends($append)->render() !!}</div>
    </div>
</div>

@include('elements.file_upload')


<script src="{{ asset('/js/jquery.dataTables.min.js') }}"></script>
<script type="text/javascript">
$(document).ready(function () {
    $('#asdasdasdas').DataTable();
});
</script>


<script src="{{ asset('/js/media.js') }}"></script>
<script type="text/javascript">
    $(document).ready(function () {
        Dropzone.options.albumSongsUpload = {
            maxFilexzaSAsize: 10000,
            acceptedFiles: ".zip",
        };
        
        $("#upload-icons img").each(function(){
            var imgcheck = 1;
            var img = new Image();
            img.src = $(this).attr('src');
            imgcheck = img.width;
            
            if(imgcheck == 0) {
                $(this).attr('src', '/images/processing.gif');
            }
        }); 
    });

   </script>
@endsection