@extends('front.index')

@section('meta_title'){{@$auth->name}}  @endsection
@section('meta_des'){{@$auth->name}}   @endsection
@section('meta_key'){{@$auth->name}}   @endsection

@section('content')
    <div class="main-content">
        <main class="bg_gray">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-md-5">
                        <div id="confirm" style="padding: 46px 15px;">
                            <div class="icon icon--order-success svg add_bottom_15">
                                <svg xmlns="http://www.w3.org/2000/svg" width="72" height="72">
                                    <g fill="none" stroke="#8EC343" stroke-width="2">
                                        <circle cx="36" cy="36" r="35" style="stroke-dasharray:240px, 240px; stroke-dashoffset: 480px;"></circle>
                                        <path d="M17.417,37.778l9.93,9.909l25.444-25.393" style="stroke-dasharray:50px, 50px; stroke-dashoffset: 0px;"></path>
                                    </g>
                                </svg>
                            </div>
                            <h2>@lang('front.cancelOrder')!</h2>
                            <h2 class="namber">@lang('front.orderId') {{$order->id}}</h2>
                            <a class="bottom" href="{{route('front.home')}}">@lang('front.BacktoShop')</a>
                        </div>
                    </div>
                </div>
            </div>
        </main>
    </div>

@endsection