@extends('admin.layouts.app')
@section('page_content')
<style>
    .fa_download{
        font-size: 38px !important;
        padding: 8px !important;
        margin: 20px 0px !important;
        color: #70be44 !important;
    }

    .uploaded_files{}
    .uploaded_files_list{}
    .uploaded_file{}
    .uploaded_file img{}

    .uploaded_file_actions{}
    .uploaded_file_actions a{}

</style>
<script>
    function deleteImage(id){
        if(confirm('Do you want to delete file?')){
            $("#data_loader").show();
            $.ajax({
                type: "GET",
                url: "{{route('admin.catalogue.file.delete')}}?id="+id,
                success: function (response) {
                    console.log(response);
                    $("#data_loader").hide();
                    if(response.res == true){
                        $("#image_"+id).remove();
                    }
                }
            });
        }
    }
</script>
<div class="content-wrapper">
    <!-- Page Title Header Starts-->
    <div class="row page-title-header">
        <div class="col-12">
            <div class="page-header">
                <h4 class="page-title">Catalogue Files</h4>
                <ul>
                    <li><a href="{{route('admin.catalogue')}}" class="filled_green_btn">Back</a></li> 
                </ul> 
            </div>
        </div>
        
    </div>
    <!-- Page Title Header Ends-->

    <div class="row">
        <div class="col-md-12 grid-margin">
            <div class="row flex-grow">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body">
                            <!-- <h4 class="card-title">Default form</h4> -->
                            @if(isset($catalogue) && isset($catalogue->id))
                                <form class="forms-sample" method="post" enctype="multipart/form-data" action="{{route('admin.catalogue.files.update')}}">
                                    @csrf

                                    <input type="hidden" name="id" value="{{$catalogue->id}}">

                                    <div class="form-group">
                                        <div class="row">
                                            <div class="col-md-11">
                                                <label for="catalogue_file">Catalogue file (.pdf) </label>
                                                <div class="custom-file">
                                                    <input type="file" name="catalogue_file" accept=".pdf"  class="custom-file-input form-control" id="customFile">
                                                    <label class="custom-file-label" for="catalogue_file">Choose file</label>
                                                </div>
                                            </div>
                                            <div class="col-md-1">
                                                @if(file_exists($catalogue->file))
                                                    <a href="{{asset($catalogue->file)}}" target="_blank"><i class="fa fa-download fa_download" aria-hidden="true"></i></a>
                                                @endif
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-md-11">
                                                <label for="thumb_image">Thumb Image</label>
                                                <div class="custom-file">
                                                    <input type="file" name="thumb_image" class="custom-file-input form-control" id="customFile">
                                                    <label class="custom-file-label" for="customFile">Choose file</label>
                                                </div>
                                            </div>
                                            <div class="col-md-1" style="padding: 5px 0px;">
                                                @if(file_exists($catalogue->thumb_image))
                                                    <a href="{{asset($catalogue->thumb_image)}}" target="_blank"><img src="{{asset($catalogue->thumb_image)}}" style="width:100%;"></a>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                        
                                    <button type="submit" class="btn btn-green btn-rounded mr-2">Update</button>
                                    <!-- <button class="btn btn-light btn-rounded">Cancel</button> -->
                                </form>
                            @else
                                <form class="forms-sample" method="post" enctype="multipart/form-data" action="{{route('admin.catalogue.files.save')}}">
                                    @csrf
                                    <div class="form-group">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <label for="catalogue_file">Catalogue file (.pdf)  <span class="text-danger">*</span></label>
                                                <div class="custom-file">
                                                    <input type="file" name="catalogue_file" required accept=".pdf"  class="custom-file-input form-control" id="customFile">
                                                    <label class="custom-file-label" for="catalogue_file">Choose file</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="form-group">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <label for="thumb_image">Thumb Image <span class="text-danger">*</span></label>
                                                <div class="custom-file">
                                                    <input type="file" name="thumb_image" required class="custom-file-input form-control" id="customFile">
                                                    <label class="custom-file-label" for="customFile">Choose file</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                        
                                    <button type="submit" class="btn btn-green btn-rounded mr-2">Save</button>
                                    <!-- <button class="btn btn-light btn-rounded">Cancel</button> -->
                                </form>
                            @endif
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>


    <div class="row">
        <div class="col-md-12 grid-margin">
            <div class="row flex-grow">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body">
                            <h3 class="card-title">Uploaded Files</h3>
                            <div class="row uploaded_files">
                                @if(count($catalogues) > 0)
                                    @foreach($catalogues as $key => $catalogue)
                                        @if(file_exists($catalogue->file))
                                            <div class="col-md-2 text-center" id="{{'image_'.$catalogue->id}}">
                                                <div class="uploaded_files_list">
                                                    <a href="{{asset($catalogue->file)}}" class="uploaded_file" target="_blank">
                                                        <img src="{{asset($catalogue->thumb_image)}}" style="width:100%;height:100px;">
                                                    </a>
                                                    
                                                    <div class="uploaded_file_actions">
                                                        
                                                        @if($catalogue->is_default == 0  && $catalogue->id != 1)
                                                            <a href="javascript:0;" onclick="deleteImage({{$catalogue->id}});" style="text-decoration:none;" class="text-danger"><small><i class="fa fa-trash-o"></i> Delete </small></a>
                                                        @endif
                                                        &nbsp;&nbsp;
                                                        <a href="{{route('admin.catalogue.file.edit',['id'=>$catalogue->id])}}" style="text-decoration:none;" class="text-info"><small><i class="fa fa-edit"></i> Edit </small></a>
                                                        
                                                    </div>
                                                </div>
                                            </div>
                                        @endif
                                    @endforeach
                                @else
                                    
                                @endif
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>  

</div>

@endsection