{{-- Part of phoenix project. --}}

@extends('_global.user.frame')

@section('user-content')
    <form name="admin-form" id="admin-form" action="{{ $uri['current'] }}" method="POST" enctype="multipart/form-data">

        <div class="row">
            <div class="col-md-12">
                @if (!$item->id || $item->pending)
                    <div class="alert alert-warning">
                        NOTE: This product is draft now. You can't change state before verification.
                    </div>
                @endif

                <fieldset class="form-horizontal">
                    {!! $form->renderFields('basic') !!}

                    {!! $form->renderFields('text') !!}
                </fieldset>
                @if ($item->id)
                <fieldset class="form-horizontal">
                    <legend>@translate('admin.product.edit.fieldset.image') <span style="font-size: 0.9em; color: #888;"> @translate('admin.product.edit.fieldset.image.note')</span></legend>

                    <div class="form-group">
                        <input type="file" name="images[]" id="input-item-image" class="form-control" multiple="true">
                    </div>

                    <div class="alert alert-warning">
                        @translate('admin.product.edit.fieldset.image.notice')
                    </div>

                    <table class="table table-bordered table-hover">
                        <tr>
                            <th width="40%">Images</th>
                            <th width="30%">Cover</th>
                            <th width="30%">Delete</th>
                        </tr>
                        @foreach($item->images as $image)
                            <tr>
                                <td>
                                    <img src="{{ $image->url }}" class="img-responsive img-thumbnail" style="height: 200px">
                                </td>
                                <td class="text-center">
                                    {!! new \Windwalker\Dom\HtmlElement('input', null, [
                                        'type' => "radio",
                                        'name' => "image_cover",
                                        'value' => $image->id,
                                        'checked' => ($image->cover == 1),
                                    ]) !!}
                                </td>
                                <td class="text-center">
                                    <span class="btn btn-red image-trash" data-id="{{ $image->id }}">
                                        <i class="icon-trash"></i>
                                    </span>
                                </td>
                            </tr>
                        @endforeach
                    </table>
                </fieldset>

                {{--暫時註解前台Preview Video--}}
                {{--<fieldset class="form-horizontal">--}}
                    {{--<legend>@translate('admin.product.edit.fieldset.video')</legend>--}}

                    {{--<table class="table">--}}
                        {{--<tr>--}}

                                                        {{--<td>--}}
                                {{--{{ $item->video }}--}}
                                {{--<div id="up-title-video"{!! $item->preview_video ? '' : ' style="display: none;"' !!}>--}}
                                    {{--{{ $item->alias }}.mp4--}}
                                {{--</div>--}}
                            {{--</td>--}}

                            {{--<td class="col-md-2 text-center" width="10%">--}}
                                {{--<button id="up-upload-video" type="button" class="btn btn-primary" style="margin: 0; width: 100%; {{ $item->preview_video ? 'display: none;' : '' }}" onclick="$('#up-file-video').click()">--}}
                                    {{--<i class="fa fa-upload"></i> Upload--}}
                                {{--</button>--}}

                                {{--<div class="progress" id="up-upload-bar-video" style="display: none;">--}}
                                    {{--<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"--}}
                                        {{--style="width: 0%;">--}}
                                        {{--0%--}}
                                    {{--</div>--}}
                                {{--</div>--}}

                                {{--<div class="hide">--}}
                                    {{--<input id="up-file-video" type="file" name="up-file-video" />--}}
                                {{--</div>--}}
                            {{--</td>--}}

                            {{--<td class="text-center" width="5%">--}}
                                {{--<button id="up-trash-video" class="btn btn-red" type="button" {{ $item->preview_video ? '' : 'disabled' }} style="margin: 0;">--}}
                                    {{--<i class="fa fa-trash"></i>--}}
                                {{--</button>--}}
                            {{--</td>--}}

                        {{--</tr>--}}
                    {{--</table>--}}
                {{--</fieldset>--}}

                <fieldset class="form-horizontal">
                    <div id="format-table" style="position: relative; top: -100px;"></div>
                    <legend>@translate('admin.product.edit.fieldset.file')</legend>

                    <table class="table">
                        @foreach($item->formats as $format)
                            <tr>
                                <td>
                                    <i class="fa fa-square"></i>
                                    {{ $format->title }}
                                    {!! new \Windwalker\Dom\HtmlElement('input', null, [
                                        'type' => 'hidden',
                                        'name' => "format[$format->alias][title]",
                                        'class' => "form-control",
                                        'value' => $format->title
                                    ]) !!}
                                    {!! new \Windwalker\Dom\HtmlElement('input', null, [
                                        'type' => 'hidden',
                                        'name' => "format[$format->alias][alias]",
                                        'class' => "form-control",
                                        'value' => $format->alias
                                    ]) !!}
                                </td>
                                <td class="text-center">
                                    @if ($format->width && $format->height)
                                        {!! new \Windwalker\Dom\HtmlElement('input', null, [
                                            'name' => "format[$format->alias][width]",
                                            'class' => "form-control",
                                            'value' => $format->width,
                                            'style' => 'width: 70px; display: inline-block;'
                                        ]) !!}
                                        &nbsp;X&nbsp;
                                        {!! new \Windwalker\Dom\HtmlElement('input', null, [
                                            'name' => "format[$format->alias][height]",
                                            'class' => "form-control",
                                            'value' => $format->height,
                                            'style' => 'width: 70px; display: inline-block;'
                                        ]) !!}
                                    @endif
                                </td>
                                <td width="20%">
                                    <div class="input-group">
                                        <span class="input-group-addon">{{\Virtualset\China\ChinaMirror::inChina()? 'RMB¥' : 'USD$'}}</span>
                                        {!! new \Windwalker\Dom\HtmlElement('input', null, [
                                            'name' => "format[$format->alias][price]",
                                            'class' => "form-control",
                                            'value' => $format->price,
                                            'style' => 'width: 80px;'
                                        ]) !!}
                                    </div>
                                </td>

                                @include('uploader', ['format' => $format])

                                @if (WINDWALKER_DEBUG)
                                    <td>
                                        {{ $format->id }}
                                    </td>
                                @endif
                            </tr>
                        @endforeach
                        <tr>
                            <td colspan="5">
                                <div class="checkbox checkbox-primary">
                                    <input type="checkbox" name="item[export]" id="input-product-export" class="form-control" value="1"{{ $item->export ? ' checked' : '' }}>
                                    <label id="input-product-export-label" class="" for="input-product-export" style="z-index: 5;">
                                        <strong>
                                            <a href="{{ $router->html('page', ['page' => 'tvs']) }}" target="_blank">@translate('admin.product.field.export')</a>
                                        </strong>
                                    </label>
                                </div>
                            </td>
                        </tr>
                    </table>
                </fieldset>
                @endif
            </div>
        </div>

        <div class="hidden-inputs">
            {!! \Windwalker\Core\Security\CsrfProtection::input() !!}
        </div>

        <div class="text-right">
            <button type="submit" class="btn btn-success btn-sm">Save</button>
        </div>

    </form>
@stop