@extends('layouts.app')

@section('content')

<h1>{{ __('Module "' . $module->name . '" Bundles') }}</h1>
<h5>{{ __('Add new bundle') }}</h5>
<div class="files-wrapper">
    <!-- id="publish-bundle-form" -->
    <form method="POST" id="publish-bundle-form" action="{{ route('store_bundle', $module->id) }}" enctype="multipart/form-data" novalidate="novalidate">
        @csrf

        <div class="row">
            <div class="col">
                <div id="progress-bar" class="pb-5"></div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-3">
                <div class="form-group">
                    <label for="format" class="form-label">{{ __('Format') }}</label>
                    <select class="form-control" name="format" id="format" required>
                        <option></option>
                        <option value="ar">AR</option>
                        <option value="vr">VR</option>
                        <option value="vr_2">VR_2</option>
                    </select>
                    @if ($errors->has('format'))
                        <span class="invalid-feedback">
                            {{ $errors->first('format') }}
                        </span>
                    @else
                        <div class="invalid-feedback" id="format-warning">
                            {{ __('The format is required.') }}
                        </div>
                    @endif
                </div>
                <div class="form-group">
                    <label for="platform" class="form-label">{{ __('Platform') }}</label>
                    <select class="form-control" name="platform" id="platform" required>
                        <option></option>
                        <option value="android">Android</option>
                        <option value="ios">iOS</option>
                        <option value="win">Windows</option>
                    </select>
                    @if ($errors->has('platform'))
                        <span class="invalid-feedback">
                            {{ $errors->first('platform') }}
                        </span>
                    @else
                        <div class="invalid-feedback" id="platform-warning">
                            {{ __('The platform is required.') }}
                        </div>
                    @endif
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-group">
                    <label for="version" class="form-label">{{ __('App version') }}</label>
                    <select class="form-control" name="version" id="version" required>
                        <option></option>
                        @foreach ($versions as $version)
                        <option value="{{ $version->id }}">{{ $version->version }}</option>
                        @endforeach
                    </select>
                    @if ($errors->has('version'))
                        <span class="invalid-feedback">
                            {{ $errors->first('version') }}
                        </span>
                    @else
                        <div class="invalid-feedback" id="version-warning">
                            {{ __('The version is required.') }}
                        </div>
                    @endif
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-group">
                    <label class="d-block" for="icon">{{ __('New bundle') }}</label>
                    <div class="custom-file bundle">
                        <span class="d-block"></span>
                        <label class="upload-label mt-1" for="bundle">
                            Select <i class="fas fa-upload"></i>
                        </label>
                        <input type="file" class="form-control-file videofile mt-3" id="bundle" name="bundle" hidden required>
                        <div class="help-block d-block"><b>{{ __('Format:') }}</b> bundle</div>
                        @if ($errors->has('bundle'))
                        <span class="invalid-feedback">
                            {{ $errors->first('bundle') }}
                        </span>
                        @else
                        <div class="invalid-feedback" id="bundle-warning">
                            {{ __('The bundle is required.') }}
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
        <div class="row mb-5">
            <div class="col-md-3">
                <div class="form-group row">
                    <div class="col">
                        <div class="d-none" id="bundle-error"></div>
                        <!-- type="button" -->
                        <button type="button" class="btn btn-bundle-publish">
                            {{ __('Save') }}
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </form>
    <div class="row">
        <div class="col">
            <div class="table-responsive bundles">
                <table class="table table-striped table-responsive-sm">
                    <thead>
                        <tr>
                            <th scope="col">{{ __('Format') }}</th>
                            <th scope="col">{{ __('Platform') }}</th>
                            <th scope="col">{{ __('Hash') }}</th>
                            <th scope="col">{{ __('Size') }}</th>
                            <th scope="col">{{ __('Version') }}</th>
                            <th scope="col">{{ __('Date updated') }}</th>
                            <th scope="col">{{ __('Published') }}</th>
                            <th scope="col" class="text-center">{{ __('Actions') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($content as $bundle)
                        <tr>
                            <td scope="row" class="pt-4">{{ $bundle->format }}</td>
                            <td scope="row" class="pt-4">{{ $bundle->platform }}</td>
                            <td scope="row" class="pt-4">{{ $bundle->hash }}</td>
                            <td scope="row" class="pt-4">{{ $bundle->size }}</td>
                            <td scope="row" class="pt-4">{{ $bundle->version->version }}</td>
                            <td scope="row" class="pt-4">{{ $bundle->updated_at }}</td>
                            <td scope="row" class="pt-4">
                                <span class="switch switch-sm">
                                    <input type="checkbox" data-module="{{ $module->id }}" class="switch bundle-switch" id="bundle-switch-{{ $bundle->id }}" {{ $bundle->status == 0 ? '' : ' checked' }}>
                                    <label for="bundle-switch-{{ $bundle->id }}"></label>
                                </span>
                            </td>
                            <td scope="row" class="pt-4 text-center">
                                @if (AuthHelper::is_admin() && $module->type !== 'videos')
                                    <a href="{{ route('bundle_delete', [$module->id, $bundle->id]) }}" class="confirmation mr-3"><i class="red fas fa-trash"></i></a>
                                @endif
                                <a href="{{ route('bundle_download', $bundle->id) }}"><i class="fas fa-file-download"></i></a>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

@endsection