@extends('dashboard.layouts.app')
@push('page_vendor_css')
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/dashboard') }}/app-assets/vendors/css/forms/select/select2.min.css">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/dashboard') }}/app-assets/vendors/css/editors/quill/katex.min.css">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/dashboard') }}/app-assets/vendors/css/editors/quill/monokai-sublime.min.css">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/dashboard') }}/app-assets/vendors/css/editors/quill/quill.snow.css">
    <script src="{{ asset('ckeditor') }}/ckeditor.js"></script>

@endpush
@push('page_styles')
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/dashboard') }}/app-assets/css/plugins/forms/form-quill-editor.css">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/dashboard') }}/app-assets/css/pages/page-blog.css">

    <style>
        .demo-inline-spacing > * {
            margin-right: 1.5rem;
            margin-top: 0.5rem;
            margin-bottom: 1.5rem;
        }
    </style>
@endpush
@section('content')

<div class="blog-edit-wrapper">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header border-bottom">
                    <h4 class="card-title">Orders</h4>
                </div>
                <div class="card-body">
                   
                    <!-- Form -->
                    <form class="mt-2">
                        <div class="row">
                            <div class="col-md-4 col-12">
                                <div class="form-group mb-2">
                                    <label for="created_at">Order Time</label>
                                    <input type="text" name="created_at" disabled value="{{ $Order->created_at}} " id="created_at" class="form-control">
                                </div>
                            </div>

                            <div class="col-md-4 col-12">
                                <div class="form-group mb-2">
                                    <label for="unit-price">Unit price</label>
                                    <input type="tel" name="unit_price" disabled value="{{ $Order->unit_price }}" id="unit-price" class="form-control">
                                </div>
                            </div>

                            <div class="col-md-4 col-12">
                                <div class="form-group mb-2">
                                    <label for="name">Name</label>
                                    <input type="text" name="name" disabled value="{{ $Order->first_name . ' ' . $Order->last_name }} " id="name" class="form-control">
                                </div>
                            </div>

                            <div class="col-md-4 col-12">
                                <div class="form-group mb-2">
                                    <label for="phone">Phone</label>
                                    <input type="tel" name="phone" disabled value="{{ $Order->phone }}" id="phone" class="form-control">
                                </div>
                            </div>

                            <div class="col-md-4 col-12">
                                <div class="form-group mb-2">
                                    <label for="email">E-mail</label>
                                    <input type="tel" name="email" disabled value="{{ $Order->email }}" id="email" class="form-control">
                                </div>
                            </div>

                            <div class="col-md-12">
                                <div class="form-group mb-2">
                                    <label for="address">Address</label>
                                    <textarea name="address" class="form-control" id="address" rows="2" disabled>{{ $Order->address }}</textarea>
                                </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <div class="form-group mb-2">
                                    <label for="country">Country</label>
                                    <input type="text" name="country" disabled value="{{ $Order->country }} " id="country" class="form-control">
                                </div>
                            </div>
                            
                            <div class="col-md-4 col-12">
                                <div class="form-group mb-2">
                                    <label for="state">State</label>
                                    <input type="text" name="state" disabled value="{{ $Order->state }} " id="state" class="form-control">
                                </div>
                            </div>

                            <div class="col-md-4 col-12">
                                <div class="form-group mb-2">
                                    <label for="city">City</label>
                                    <input type="text" name="city" disabled value="{{ $Order->city }} " id="city" class="form-control">
                                </div>
                            </div>


                            <div class="col-md-4 col-12">
                                <div class="form-group mb-2">
                                    <label for="method">Method</label>
                                    <input type="text" name="method" disabled value="{{ $Order->method }} " id="method" class="form-control">
                                </div>
                            </div>
                            
                            <div class="col-md-4 col-12">
                                <div class="form-group mb-2">
                                    <label for="coin-amount">Coin amount</label>
                                    <input type="text" name="coin_amount" disabled value="{{ $Order->coin_amount }} " id="coin-amount" class="form-control">
                                </div>
                            </div>

                            <div class="col-md-4 col-12">
                                <div class="form-group mb-2">
                                    <label for="price">Price</label>
                                    <input type="text" name="price" disabled value="{{ $Order->price }} " id="price" class="form-control">
                                </div>
                            </div>

                            <div class="col-md-4 col-12">
                                <div class="form-group mb-2">
                                    <label for="payment_status">Payment status</label>
                                    <input type="text" name="payment_status" disabled value="{{ $Order->payment_status }} " id="payment_status" class="form-control">
                                </div>
                            </div>
                            
                        </div>
                    </form>
                    <!--/ Form -->
                </div>
            </div>
        </div>
    </div>
</div>

@endsection

@push('page_scripts_vendors')
    <script src="{{ asset('assets/dashboard') }}/app-assets/vendors/js/forms/select/select2.full.min.js"></script>
    <script src="{{ asset('assets/dashboard') }}/app-assets/vendors/js/editors/quill/katex.min.js"></script>
    <script src="{{ asset('assets/dashboard') }}/app-assets/vendors/js/editors/quill/highlight.min.js"></script>
    <script src="{{ asset('assets/dashboard') }}/app-assets/vendors/js/editors/quill/quill.min.js"></script>
@endpush

@push('page_scripts')
    <script src="{{ asset('assets/dashboard') }}/app-assets/js/scripts/pages/page-blog-edit.js"></script>
    <script>
        $(".checkAll").click(function(){
            $('input:checkbox').not(this).prop('checked', this.checked);
        });
    </script>
    <script>
        CKEDITOR.replace('editor1', {
            language: 'en'
        });

    </script>
@endpush