@extends('backend.layouts.master')
@section('section-title', 'Invoice')
@section('page-title', 'Invoice List')
@if (check_permission('invoice.index'))
    @section('action-button')
        <a href="{{ route('invoice.index') }}" class="btn add_list_btn">
            <i class="mr-2 feather icon-plus"></i>
            Online Sale List
        </a>
    @endsection
@endif
@push('css')
    <style>
        @media print {

            table,
            table th,
            table td {
                color: black !important;
            }

            .h-hide {
                display: none;
            }
        }

        .table-responsive {
            overflow-x: auto;
        }
    </style>
@endpush
@section('content')
    <div class="row">
        <div class="col-lg-12">
            <div class="card m-b-30 card_style">
                <div class="card-body">
                    <div class="row text-dark">
                        <div class="col-md-12">
                            <div class="">
                                <p>{{ $data['order_status'] }}</p>
                                <h6 class="">Order # {{ $data['order_id'] }}</h6>
                                <p>Store Name:{{ $data['store_name'] }}</p>
                            </div>
                            <hr>
                            <div class="row">
                                <div class="col-md-8">
                                    <h5>Recipient Details </h5>
                                    <address>
                                        Name: {{ $data['recipient_name']}}<br>
                                        Phone: {{ $data['recipient_phone']}}<br>
                                        Address: {{ $data['recipient_address'] }}<br>
                                        City: {{ $data['city_name'] }}<br>
                                        Zone: {{ $data['zone_name'] }}<br>
                                        Area: {{ $data['area_name'] }}<br>
                                    </address>
                                </div>
                                <div class="col-md-4 text-right">
                                    {{-- <address>
                                        <strong>Order Date:</strong><br>
                                        {{ date('d-m-Y', strtotime($order->created_at)) }}<br><br>
                                    </address> --}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    @endsection