@extends('admin.layouts.index')

@section('content')
    <section class="content">
        <div class="container-fluid">

            <form action="{{ action('AdminController@postEditWsOrder', array($order->id)) }}" method="post"
                  accept-charset="utf-8">
                {!! csrf_field() !!}

                <div class="row">
                    <div class="col-lg-12">
                        <div class="view-header">
                            <div class="pull-right text-right" style="margin-top: 8px;">
                                <a href="{{ action('AdminController@getWsOrders') }}" class="btn btn-default">Vissza</a>
                                <button class="btn btn-success" type="submit"><span class="bold">Mentés</span> <i
                                            class="fa fa-floppy-o"></i></button>
                            </div>
                            <div class="header-icon">
                                <i class="pe page-header-icon pe-7s-cart"></i>
                            </div>
                            <div class="header-title">
                                <h3 class="m-b-xs">{{ $order->custom_id }}</h3>
                                <small>
                                    A megrendelés feladási
                                    ideje {{ Carbon::parse($order->created_at)->format('Y.m.d H:i') }}
                                    @if($order->user)
                                        , a következő
                                        felhasználótól <a
                                                href="{{ action('AdminController@getUser', $order->user->id) }}">{{ $order->user->name }}</a>
                                        .
                                    @endif
                                </small>
                            </div>
                        </div>
                        <hr>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-7">
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="panel">
                                    <div class="panel-body">
                                        <div class="row">
                                            <div class="col-lg-4">
                                                <div class="form-group">
                                                    <label>Státusz</label>
                                                    <select name="status" data-placeholder="Státusz kiválasztása"
                                                            class="chosen-select @if($order->status == 1) s1 @elseif($order->status == 9) s9 @endif"
                                                            style="width: 350px; display: none;" tabindex="-1">
                                                        <option value="0" @if($order->status == 0) selected @endif>
                                                            Függőben
                                                        </option>
                                                        <option value="1" @if($order->status == 1) selected @endif>
                                                            Teljesített
                                                        </option>
                                                        <option value="2" @if($order->status == 2) selected @endif>
                                                            Beszerzés alatt
                                                        </option>
                                                        <option value="3" @if($order->status == 3) selected @endif>
                                                            Bankszámla adatok küldése
                                                        </option>
                                                        <option value="9" @if($order->status == 9) selected @endif>
                                                            Törölt
                                                        </option>
                                                    </select>

                                                    <p class="help-block small">A megrendelés státusza.</p>
                                                </div>
                                            </div>
                                            <div class="col-lg-4">
                                                <div class="form-group">
                                                    <label>Fizetési mód</label>
                                                    <input class="form-control" id="disabledInput" type="text"
                                                           placeholder="@if($order->payment_type == '1') Online bankkártyás fizetés  @elseif($order->payment_type == '2') Fizetés átvételkor @elseif($order->payment_type == '3') Átutalás @elseif($order->payment_type == '4') Bankkártyás fizetés üzletünkben @endif"
                                                           disabled="">
                                                </div>
                                            </div>
                                            <div class="col-lg-4">
                                                <div class="form-group">
                                                    <label>Szállítási mód</label>
                                                    <input class="form-control" id="disabledInput" type="text"
                                                           placeholder="{{ $order->carrier->title }}" disabled="">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="panel panel-filled panel-c-white">
                                    <div class="panel-heading">
                                        <h4>Általános adatok</h4>
                                    </div>
                                    <div class="panel-body">
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label>Számlázási adatok</label>
                                                    <p class="form-control-static">
                                                        <strong class="c-accent">{{ $order->billing_name }}</strong><br>
                                                        {{ $order->billing_zip_code }} {{ $order->billing_city }}
                                                        , {{ $order->billing_address }}<br>
                                                        {{ $order->billing_country }}
                                                        @if($order->billing_tax)
                                                        <br>{{ $order->billing_tax }}
                                                        @endif
                                                    </p>
                                                    <p class="form-control-static"><label>Email cím:</label> {{ $order->email }}</p>
                                                    <p class="form-control-static"><label>Telefonszám:</label> {{ $order->phone }}</p>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label>Szállítási adatok</label>
                                                    @if($order->carrier->id== 1)
                                                        <p class="form-control-static">
                                                            {{ $order->carrier->title }}
                                                        </p>
                                                    @elseif($order->carrier->id== 2)
                                                        <p class="form-control-static">
                                                            <strong class="c-accent">Pick Pack Pont
                                                                cím</strong><br>{{ $order->ppp_address }}
                                                        </p>
                                                    @else
                                                        <p class="form-control-static">
                                                            <strong class="c-accent">{{ $order->name }}</strong><br>
                                                            {{ $order->zip_code }} {{ $order->city }}
                                                            , {{ $order->address }}
                                                            <br>
                                                            {{ $order->country }}
                                                        </p>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="clearfix"></div>
                                            @if($order->comment)
                                                <div class="col-lg-12">
                                                    <div class="form-group">
                                                        <label>Megjegyzés</label>

                                                        <p class="form-control-static">
                                                            {{ $order->comment }}
                                                        </p>
                                                    </div>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-12">
                                <div class="panel">
                                    <div class="panel-body">
                                        <div class="table-responsive">
                                            <table class="table">
                                                <thead>
                                                <tr>
                                                    <th>Termék</th>
                                                    <th>Mennyiség</th>
                                                    <th>Egységár</th>
                                                    <th class="text-right">Ár</th>
                                                </tr>
                                                </thead>
                                                                                                <tbody>
                                                @foreach($order->products as $p)
                                                                                                        <tr>
                                                        <td class="col-lg-5">
                                                            <div class="media" style="">
                                                                <a class="pull-left"
                                                                   style="padding-right: 4px; margin-right: 10px; margin-top: 8px;">
                                                                    @if($p->product->image)
                                                                        <img class="media-object img-circle"
                                                                             src="{{ url($p->product->image->thumbnail_path) }}"
                                                                             style="width: 40px; height: 40px">
                                                                    @else
                                                                        <img class="media-object img-circle"
                                                                             src="https://placehold.it/82x82"
                                                                             style="width: 40px; height: 40px">
                                                                    @endif
                                                                </a>

                                                                <div class="media-body text-left"
                                                                     style="padding-top: 10px;">
                                                                    <strong class="media-heading">{{ $p->product->title }}</strong>
                                                                    <br>

                                                                    <p class="media-heading">
                                                                        <small>{{ $p->product->sku }}</small>
                                                                    </p>
                                                                    <small></small>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="col-lg-1 text-left">{{ $p->quantity }}
                                                            <small>db</small>
                                                        </td>
                                                        <td class="col-lg-2 text-left">{{ number_format($p->price, 0) }}
                                                            HUF
                                                        </td>
                                                        <td class="col-lg-2 text-right" colspan="2">
                                                            <strong>{{ number_format(round($p->price) * $p->quantity, 0) }}
                                                                HUF</strong></td>
                                                    </tr>
                                                @endforeach
                                                <tr>
                                                    <td class="text-right" colspan="4">Szállítási feltétel
                                                        ({{ $order->carrier->title }})
                                                    </td>
                                                    <td class="text-right">
                                                        <strong>{{ $order->carrier_price }}
                                                            HUF</strong></td>
                                                </tr>
                                                <tr>
                                                    <td class="text-right" colspan="4">Összesen</td>
                                                    <td class="text-right"><h4>
                                                            <strong>{{ number_format($order->total_price, 0) }}
                                                                HUF</strong></h4></td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-5">
                        <div class="panel">
                            <div class="panel-heading" style="margin-top:-16px;">
                                <h4>Rendelés története</h4>
                            </div>
                            <div class="panel-body history">
                                <ol>
                                    <li>A rendelés
                                        <code>{{ Carbon::parse($order->created_at)->format('Y.m.d H:i') }}</code>
                                        perckor beérkezett
                                        @if($order->user)
                                            <a
                                                    href="{{ action('AdminController@getUser', $order->user->id) }}">{{ $order->user->name }}</a>
                                            felhasználótól.
                                        @endif
                                    </li>
                                    <li>A szállítási mód <code>{{ $order->carrier->title }}</code>.</li>
                                    <li><code>{{ Carbon::parse($order->created_at)->format('Y.m.d') }}</code> a termékek
                                        átvételének időpontja.
                                    </li>
                                    <li>A fizetés módja @if($order->payment_type == '1') <code>Bankkártyás
                                            fizetés</code> @elseif($order->payment_type == '2') <code>Fizetés
                                            átvételkor</code> @elseif($order->payment_type == '3')
                                            <code>Átutalás</code> @endif.
                                    </li>
                                    @if($order->status == 1)
                                        <li>A megrendelés sikeresen teljesült!</li>
                                    @elseif($order->status == 9)
                                        <li>A megrendelés törlésre került!</li>
                                    @endif
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>

            </form>

        </div>
    </section>
@stop

@section('custom-css')
    <link href="{{ url('assets/admin/vendor/chosen/chosen-bs.css') }}" rel="stylesheet">
    <style>
        .chosen-select.s1 + .chosen-container-single .chosen-single {
            background-color: #1bbf89 !important;
            color: white !important;
            font-weight: bold !important;
        }

        .chosen-select.s9 + .chosen-container-single .chosen-single {
            background-color: #bf1b1b !important;
            color: white !important;
            font-weight: bold !important;
        }

        .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
            vertical-align: middle;
            padding: 13px 0;
            border-top: 0;
        }

        .history ol {
            -webkit-padding-start: 15px;
        }

        .history li {
            margin-bottom: 10px;
        }
    </style>
@stop

@section('custom-js')
    <script src="{{ url('assets/admin/vendor/chosen/chosen.jquery.js') }}"></script>
    <script>
        $(document).ready(function () {
            var config = {
                '.chosen-select': {width: "100%"},
                '.chosen-select-deselect': {allow_single_deselect: true},
                '.chosen-select-no-single': {disable_search_threshold: 10},
                '.chosen-select-no-results': {no_results_text: 'Nincs találat.'},
                '.chosen-select-width': {width: "95%"}
            };
            for (var selector in config) {
                $(selector).chosen(config[selector]);
            }
            ;
        });
    </script>
@stop