@extends('layout.backend.main')

@section('content')

<style>
.nulled-line {
    background-color:#DDD!important
}
.portlet.light .dataTables_wrapper .dt-buttons {
    margin-top:0px!important
}
</style>

<div class="page-content-container">
	<div class="page-content-row" style="display:block">

        <div class="page-content-col" style="display:block">

            <div class="portlet light bordered">

                <div class="portlet-title">
                    <div class="caption font-dark">
                        <i class="icon-settings font-dark"></i>
                        <span class="caption-subject bold uppercase">
                            {{ $variation->product->name }}
                            {{$variation->skuString()}}
                        </span>
                    </div>
                    <div class="btn-group" style="margin-left:20px">
                    </div>
                </div>

                <div class="portlet-body">
                    
                    @if ($annulment == null)
                        <u>{{ trans('x.No annulments for these products') }}</u>
                    @else
                        <span style="color:red; text-transform:uppercase">
                        <span style="font-size:1.4em">{{ trans('x.Nulled') }}</span>
                            <br>
                            {{ trans('x.Type')}}: 
                            {{ $annulment->type == 'delete' ? trans('x.Products deleted from orders') : trans('x.Quantity set to zero in orders') }}
                        </span>
                    @endif

                    <br>
                    <hr>

                    <div class="portlet grey box">
                        <div class="portlet-title">
                            <div class="caption" style="font-size:1em">{{ trans('x.Update annulment') }}</div>
                        </div>
                        <div class="portlet-body">
                            <form action="/annulments/update" method="POST">
                                <input type="hidden" name="variation_id" value="{{ $variation->id }}" />
                                <select name="type" class="form-control" style="max-width:400px; float:left; margin-right:10px">
                                    <option value="none">
                                        {{ trans('x.No annulments for this product') }}
                                    </option>
                                    <option value="delete" @if($annulment !== null && $annulment->type == 'delete') selected @endif >
                                        {{ trans('x.Annulment') }} : {{ trans('x.Delete products') }}
                                    </option>
                                    <option value="set-to-zero" @if($annulment !== null && $annulment->type == 'set-to-zero') selected @endif >
                                        {{ trans('x.Annulment') }} : {{ trans('x.Set quantity to zero') }}
                                    </option>
                                </select>
                                <button type="submit" class="btn btn-danger">{{ trans('x.Update') }}</button>
                            </form>
                        </div>
                    </div>

                    <hr>

                    <div class="row"><div class="col-md-12">

                    @include('components.orders_table')

                    </div></div>

                </div>
                
            </div>

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

@stop