@extends('layout.admin', ['title' => 'User Management', 'active' => 'user'])
@section('content')
    <div class="app-content main-content">
        <div class="side-app">
            <div class="container-fluid main-container">

                <!--Page header-->
                <div class="page-header">
                    <div class="page-leftheader">
                        <h4 class="page-title">Cancelled Order List</h4>
                    </div>
                    <div class="page-rightheader ms-auto d-lg-flex d-none">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="javascript:void(0)" class="d-flex">
                                    <svg class="side-menu__icon" xmlns="http://www.w3.org/2000/svg" width="24"
                                        height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                        stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                        <polygon points="12 2 2 7 12 12 22 7 12 2"></polygon>
                                        <polyline points="2 17 12 22 22 17"></polyline>
                                        <polyline points="2 12 12 17 22 12"></polyline>
                                    </svg>
                                    <span class="breadcrumb-icon"> Cancelled Orders</span></a></li>
                        </ol>
                    </div>
                </div>
                <!--End Page header-->

                <!-- Row -->
                <div class="row flex-lg-nowrap">
                    <div class="col-12">
                        <div class="row flex-lg-nowrap">
                            <div class="col-12 mb-3">
                                <div class="e-panel card">
                                    <div class="card-body pb-2">
                                        <div class="row">
                                            <div class="col mb-4">
                                                
                                            </div>
                                            <div class="col col-auto mb-4">
                                                <form action="" method="get">
                                                    <div class="row g-1">
                                                        <div class="col px-1">
                                                            <div class="input-icon">
                                                                <span class="input-icon-addon">
                                                                    <i class="fe fe-search"></i>
                                                                </span>
                                                                <input type="text" value="{{ $token }}" name="token" class="form-control" placeholder="Search Token" required="">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                        @if($orders->count() == 0)
                                        <div class="nothing-to-show d-flex justify-content-center">
                                            Nothing to show :<
                                        </div>
                                        @endif

                                        <div class="row">
                                            @foreach ($orders as $order)