@extends('layouts.master')


@section('title')
{{__('Order detail')}}
@endsection

@section('breadcrumb')
<div class="row page-title">
    <div class="col-sm-8 col-xl-6">
        <h4 class="mb-1 mt-0">
            Order: (Order title)
            <div class="badge badge-success font-size-13 font-weight-normal">Completed</div>
        </h4>
    </div>
    <div class="col-sm-4 col-xl-6 text-sm-right">
        <div class="btn-group ml-2 d-none d-sm-inline-block">
            <a href="{{ route('order-edit')}}" role="button" class="btn btn-soft-primary btn-sm"><i class="uil uil-edit mr-1"></i>{{__('Edit')}}</a>
            
        </div>
        <div class="btn-group d-none d-sm-inline-block">
            <button type="button" class="btn btn-soft-danger btn-sm"><i
                    class="uil uil-trash-alt mr-1"></i>{{__('Delete')}}</button>
        </div>
    </div>
</div>
@endsection

@section('content')

<!-- details-->
<div class="row">
    <div class="col-xl-12">
        <div class="card">
            <div class="card-body">
                <h6 class="mt-0 header-title">{{__('Order overview')}}</h6>

                <div class="text-muted mt-3">
                    <p>To an English person, it will seem like simplified English, as a skeptical Cambridge friend of
                        mine told me what Occidental is. The European languages are members of the same family. Their
                        separate existence is a myth.</p>
                    <p>Everyone realizes why a new common language would be desirable: one could refuse to pay expensive
                        translators. To achieve this, it would be necessary to have uniform grammar, pronunciation and
                        more common words. If several languages coalesce, the grammar of the resulting language is more
                        simple and regular than that of the individual languages.</p>
                    <ul class="pl-4 mb-4">
                        <li>Quis autem vel eum iure</li>
                        <li>Ut enim ad minima veniam</li>
                        <li>Et harum quidem rerum</li>
                        <li>Nam libero cum soluta</li>
                    </ul>


                    <div class="row">
                        <div class="col-lg-3 col-md-6">
                            <div class="mt-4">
                                <p class="mb-2"><i class="uil-calender text-danger"></i> {{__('Created date')}}</p>
                                <h5 class="font-size-16">15 July, 2019</h5>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6">
                            <div class="mt-4">
                                <p class="mb-2"><i class="uil-dollar-alt text-danger"></i> {{__('Budget')}}</p>
                                <h5 class="font-size-16">$1325</h5>
                            </div>
                        </div>

                        <div class="col-lg-3 col-md-6">
                            <div class="mt-4">
                                <p class="mb-2"><i class="uil-user text-danger"></i> {{__('Customer')}}</p>
                                <h5 class="font-size-16">Rick Perry</h5>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <!-- end card -->
    </div>
</div>
<!-- end row -->
@endsection
