@extends('backend.layouts.app')

@section('title', $data['p_heading'])


@section('content')

    <div class="row">
        <div class="col">
            <div class="card">
                <div class="card-header">
                    <strong>{{ $data['p_heading'] }}</strong>
                </div>
                <div class="card-body">

                    <ul class="nav nav-tabs" id="myTab" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" id="pictures-tab" data-toggle="tab" href="#pictures" role="tab" aria-controls="pictures" aria-selected="true">Pictures</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="videos-tab" data-toggle="tab" href="#videos" role="tab" aria-controls="videos" aria-selected="false">Videos</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="files-tab" data-toggle="tab" href="#files" role="tab" aria-controls="files" aria-selected="false">PDF / Files</a>
                        </li>
                    </ul>
                    <div class="tab-content" id="myTabContent">
                        <div class="tab-pane fade show active" id="pictures" role="tabpanel" aria-labelledby="home-tab">










                            @if(sizeof($data['images']) > 0)

                            @if($data['product']->image_gif == '' && ($data['product']->type == 'variation' || count($data['images']) > 1))
                                <div class="pb-2 float-right"><button onclick="generate_gif({{ $data['product']->id }})" type="button" class="btn btn-info">Generate GIF Image</button></div>
                            @endif

                                <div class="table-responsive">
                                    <table class="table table-hover">
                                        <tbody><tr>
                                            <th width="50%">Image</th>
                                            <th width="25%">Default</th>
                                            <th width="25%">Delete</th>
                                        </tr>
                                        @if($data['product']->image_gif != '')
                                            <tr id="tr_gif">
                                                <td><img src="/up_data/products/images/thumbnails/gif/{{ $data['product']->image_gif }}" class="img-thumbnail" /></td>
                                                <td>
                                                    N/A
                                                </td>
                                                <td>
                                                    <button type="button" class="btn btn-danger btn-sm" onclick="delete_product_file('image_gif', {{ $data['product']->id }});"><i class="fa fa-trash "></i></button>
                                                </td>
                                            </tr>
                                        @endif

                                        @foreach($data['images'] as $image)
                                            <tr id="tr_{{ $image->id }}">
                                                <td><img src="/up_data/products/images/thumbnails/{{ $image->name }}" class="img-thumbnail" /></td>
                                                <td>
                                                    <label class="switch switch-label switch-outline-success-alt">
                                                        <input type="radio" name="default" class="switch-input" @if($image->default == 'Y') checked @endif onclick="set_default_image(this, {{ $image->id }}, {{ $image->fileable_id }});" />
                                                        <span class="switch-slider" data-checked="&#x2713;" data-unchecked="&#x2715;"></span>
                                                    </label>
                                                </td>
                                                <td>
                                                    <button type="button" class="btn btn-danger btn-sm" onclick="delete_product_file('image', {{ $image->id }});"><i class="fa fa-trash "></i></button>
                                                </td>
                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                                </div>

                                <hr />

                            @endif







                            {!! Form::open(array('route' => ['admin.product.upload.files', $data['product']->id], 'method' => 'POST', 'files' => true)) !!}
                            @method('PATCH')
                            @csrf

                            <div class="form-group">
                                <h3>Upload Images</h3>
                                {!! Form::file('images', ['class'=>'form-control', 'placeholder'=>'Select pictures ...', 'name' => 'images[]', 'accept' => 'image/*', 'multiple' => 'multiple']) !!}
                            </div>

                            <small class="form-text text-muted">
                                You can select and upload multiple files.
                            </small>

                            <br>
                            <button type="submit" class="btn btn-primary mb-2">Upload Images</button>

                            {!! Form::hidden('type', 'images') !!}
                            {!! Form::close() !!}

                        </div>
                        <div class="tab-pane fade" id="videos" role="tabpanel" aria-labelledby="profile-tab">





                            @if(sizeof($data['videos']) > 0)

                                {!! Form::open(array('route' => ['admin.product.update.files', $data['product']->id], 'method' => 'POST', 'files' => true)) !!}
                                @method('PATCH')
                                @csrf
                                <div class="table-responsive">
                                    <table class="table table-hover">
                                        <tbody><tr>
                                            <th width="10%">Thumbnail</th>
                                            <th width="50%">Title</th>
                                            <th width="20%">Video</th>
                                            <th width="20%">Delete</th>
                                        </tr>
                                        @foreach($data['videos'] as $video)
                                            <tr id="tr_{{ $video->id }}">
                                                <td>
                                                    @php
                                                        if(trim($video->video_thumbnail) != null)
                                                            $path = '/up_data/products/videos/thumbnails/'.$video->video_thumbnail;
                                                        else
                                                            $path = '/up_data/na.jpg';
                                                    @endphp

                                                    <label>
                                                        <img src="{{ $path }}" id="img_video_thumbnail_{{ $video->id }}" width="75" class="img-thumbnail" />
                                                        {!! Form::file('thumbnail', ['class'=>'form-control d-none v_thumb', 'id' => 'video_thumbnail_'.$video->id, 'placeholder'=>'Select thumbnail ...', 'name' => 'thumbnail_'.$video->id, 'accept' => 'image/*']) !!}
                                                    </label>

                                                </td>
                                                <td>
                                                    {!! Form::text('title', empty($video->title) ? $video->name : $video->title,['class'=>'form-control', 'name' => 'title[]']) !!}
                                                    {!! Form::hidden('id[]', $video->id) !!}
                                                </td>
                                                <td><a href="javascript:;" onclick="open_video_modal('{{ $video->name }}');">Play Video</a></td>
                                                <td>
                                                    <button type="button" class="btn btn-danger btn-sm" onclick="delete_product_file('video', {{ $video->id }});"><i class="fa fa-trash "></i></button>
                                                </td>
                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                                </div>
                                <button type="submit" class="btn btn-primary">Upload Thumbnail and Update Titles</button>
                                {!! Form::hidden('type', 'videos') !!}
                                {!! Form::close() !!}

                                <hr />

                            @endif




                            {!! Form::open(array('route' => ['admin.product.upload.files', $data['product']->id], 'method' => 'POST', 'files' => true)) !!}
                            @method('PATCH')
                            @csrf

                            <div class="form-group">
                                <h3>Upload Videos</h3>
                                {!! Form::file('videos', ['class'=>'form-control', 'placeholder'=>'Select videos ...', 'name' => 'videos[]', 'accept' => 'video/*', 'multiple' => 'multiple']) !!}
                            </div>

                            <small class="form-text text-muted">
                                You can select and upload multiple files.
                            </small>

                            <br>
                            <button type="submit" class="btn btn-primary mb-2">Upload Videos</button>

                            {!! Form::hidden('type', 'videos') !!}
                            {!! Form::close() !!}


                        </div>
                        <div class="tab-pane fade" id="files" role="tabpanel" aria-labelledby="contact-tab">



                            @if(sizeof($data['files']) > 0)

                                {!! Form::open(array('route' => ['admin.product.update.files', $data['product']->id], 'method' => 'POST')) !!}
                                @method('PATCH')
                                @csrf
                                <div class="table-responsive">
                                    <table class="table table-hover">
                                        <tbody><tr>
                                            <th width="50%">File Title</th>
                                            <th width="25%">Open File</th>
                                            <th width="25%">Delete</th>
                                        </tr>
                                        @foreach($data['files'] as $file)
                                            <tr id="tr_{{ $file->id }}">
                                                <td>
                                                    {!! Form::text('title', empty($file->title) ? $file->name : $file->title,['class'=>'form-control', 'name' => 'title[]']) !!}
                                                    {!! Form::hidden('id[]', $file->id) !!}
                                                </td>
                                                <td><a href="/up_data/products/files/{{ $file->name }}" target="_blank">Open File</a></td>
                                                <td>
                                                    <button type="button" class="btn btn-danger btn-sm" onclick="delete_product_file('file', {{ $file->id }});"><i class="fa fa-trash "></i></button>
                                                </td>
                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                                </div>
                                <button type="submit" class="btn btn-primary">Update Titles</button>
                                {!! Form::hidden('type', 'files') !!}
                                {!! Form::close() !!}

                                <hr />

                            @endif



                            {!! Form::open(array('route' => ['admin.product.upload.files', $data['product']->id], 'method' => 'POST', 'files' => true)) !!}
                            @method('PATCH')
                            @csrf

                            <div class="form-group">
                                <h3>Upload Files</h3>
                                {!! Form::file('files', ['class'=>'form-control', 'placeholder'=>'Select files ...', 'name' => 'files[]', 'accept' => '.xlsx,.xls,.doc,.docx,.ppt,.pptx,.pdf', 'multiple' => 'multiple']) !!}
                            </div>

                            <small class="form-text text-muted">
                                You can select and upload multiple files.
                            </small>

                            <br>
                            <button type="submit" class="btn btn-primary mb-2">Upload Files</button>

                            {!! Form::hidden('type', 'files') !!}
                            {!! Form::close() !!}


                        </div>
                    </div>

                    <br>

                    <a href="{{ route('admin.product.edit', $data['product']->id) }}" class="btn btn-danger mb-2">Basic Info</a>
                    <a href="{{ route('admin.product.edit.details', $data['product']->id) }}" class="btn btn-danger mb-2">Update Details</a>
                    @if($data['product']->type == 'variation')
                        <a href="{{ route('admin.product.edit.variations', $data['product']->id) }}" class="btn btn-danger mb-2">Manage Variations</a>
                    @endif
                    @if($data['product']->is_set == 'Y')
                        <a href="{{ route('admin.product.edit.set-items', $data['product']->id) }}" class="btn btn-danger mb-2">Set Items</a>
                    @endif

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



    <!-- Modal -->
    <div class="modal fade" id="product_video_modal" tabindex="-1" role="dialog" aria-labelledby="product_video_modalTitle" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-body text-center" id="video_modal">

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



    @if(null != session()->get('type'))
        <script>
            window.addEventListener('load', function () {
                document.getElementById('{{ session()->get('type') }}-tab').click();
            }, false);
        </script>
    @endif

@stop