@extends('admin::layouts.master')

@section('page_title')
    {{ __('admin::app.sales.orders.cancel-title') }}
@stop

@section('content-wrapper')
    <div class="content full-page">
        <form method="POST" action="{{ route('admin.sales.orders.cancel', $order->id) }}" @submit.prevent="onSubmit"
              enctype="multipart/form-data">
            @csrf()
            @method('PATCH')

            <div class="page-header">
                <div class="page-title">
                    <h1>
                        <i class="icon angle-left-icon back-link"
                           onclick="history.length > 1 ? history.go(-1) : window.location = '{{ url('/admin/dashboard') }}';"></i>

                        {{ __('admin::app.sales.orders.cancel-title') }}
                    </h1>
                </div>

                <div class="page-action">
                    <button type="submit" class="btn btn-lg btn-primary">
                        {{ __('admin::app.sales.orders.cancel-title') }}
                    </button>
                </div>
            </div>

            <div class="page-content">
                <div class="sale-container">
                    <accordian :title="'{{ __('admin::app.sales.orders.order-and-account') }}'" :active="true">
                        <div slot="body">

                            <div class="sale-section">
                                <div class="secton-title">
                                    <span>{{ __('admin::app.sales.orders.order-info') }}</span>
                                </div>

                                <div class="section-content">
                                    <div class="row">
                                        <span class="title">
                                            {{ __('admin::app.sales.invoices.order-id') }}
                                        </span>

                                        <span class="value">
                                            <a href="{{ route('admin.sales.orders.view', $order->id) }}">#{{ $order->increment_id }}</a>
                                        </span>
                                    </div>

                                    <div class="row">
                                        <span class="title">
                                            {{ __('admin::app.sales.orders.order-date') }}
                                        </span>

                                        <span class="value">
                                            {{ $order->created_at }}
                                        </span>
                                    </div>

                                    <div class="row">
                                        <span class="title">
                                            {{ __('admin::app.sales.orders.order-status') }}
                                        </span>

                                        <span class="value">
                                            {{ $order->order_status }}
                                        </span>
                                    </div>

                                    <div class="row">
                                        <span class="title">
                                            {{ __('admin::app.sales.orders.channel') }}
                                        </span>

                                        <span class="value">
                                            {{ $order->channel_name }}
                                        </span>
                                    </div>
                                </div>
                            </div>

                            <div class="sale-section">
                                <div class="secton-title">
                                    <span>{{ __('admin::app.sales.orders.account-info') }}</span>
                                </div>

                                <div class="section-content">
                                    <div class="row">
                                        <span class="title">
                                            {{ __('admin::app.sales.orders.customer-name') }}
                                        </span>

                                        <span class="value">
                                            {{ $order->customer_full_name }}
                                        </span>
                                    </div>

                                    <div class="row">
                                        <span class="title">
                                            {{ __('admin::app.sales.orders.email') }}
                                        </span>

                                        <span class="value">
                                            {{ $order->customer_email }}
                                        </span>
                                    </div>
                                </div>
                            </div>

                            <div class="sale-section">
                                <div class="secton-title">
                                    <span>{{ __('admin::app.sales.orders.order-authentication') }}</span>
                                </div>

                                <div class="section-content">
                                    <div class="table">
                                        <table>
                                            <tbody>
                                            <tr>
                                                <th>{{ __('admin::app.account.password') }}<sup style="color: #ff5656;">*</sup></th>
                                                <td>
                                                    <div class="control-group"
                                                         :class="[errors.has('password') ? 'has-error' : '']">
                                                        <input placeholder="Enter {{__('admin::app.sales.orders.order-authentication') . ' ' . __('admin::app.account.password') }}" type="password"
                                                               v-validate="'required'" class="control"
                                                               id="password" name="password"
                                                               value="{{ old('password') }}"
                                                               data-vv-as="&quot;{{ __('admin::app.account.password') }}&quot;"/>

                                                        <span class="control-error"
                                                              v-if="errors.has('password')">
                                                        @verbatim
                                                                {{ errors.first('password') }}
                                                            @endverbatim
                                                    </span>
                                                    </div>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>

                                </div>
                            </div>
                    </accordian>
                </div>
            </div>
        </form>
    </div>
@stop