@extends('layouts.app', ['activePage' => 'order', 'titlePage' => __('')])
<style>
    .nested-table {
        margin-top: 10px;
        border: 1px solid #ddd; /* Add a border to the nested table */
        border-collapse: collapse; /* Collapse border spacing */
        width: 100%; /* Make the nested table width 100% of its container */
    }

    .nested-table th,
    .nested-table td {
        border: 1px solid #ddd; /* Add border to table cells */
        padding: 8px; /* Add padding to table cells */
        text-align: left; /* Align text to the left */
    }
    .sidebar{
        display: none;
    }
    .main-panel{
        width: 100% !important;
    }
</style>
@section('content')
    <div class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header card-header-primary">
                            <div class="d-flex justify-content-between">
                                <div>
                                    <h4 class="card-title ">{{ __("jamia.or_details") }}</h4>
                                </div>
{{--                                <a class="btn btn-success" href="/orders"><strong><i class="fa fa-backward fa-lg"></i></strong></a>--}}

                            </div>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <div>


                                    <table class="table">
                                        <tr>
                                        </tr>