@extends('layouts.admin')

@section('page-title', 'Parts Order Report')

@section('page-styles')
<link rel="stylesheet" href="{{ asset('assets/css/brand-wise-order-report.css') }}">
@endsection

@section('breadcrumb')
@endsection

@section('page-heading')
@endsection

@section('page-content')
        <!-- Header Row -->
        <div class="ps-report-header">
            <h4 class="ps-page-title">Parts Order Report</h4>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb mb-0">
                    <li class="breadcrumb-item"><a href="#">MIS Reports</a></li>
                    <li class="breadcrumb-item active" aria-current="page">Parts Order Report</li>
                </ol>
            </nav>
        </div>

        <!-- Content Area -->
        <div class="ps-report-content">
            <div class="order-card">
                <div class="order-card-header">
                    <h5 class="order-card-title">Select Option Details</h5>
                </div>
                <div class="order-card-body">
                    <div class="row align-items-end">
                        <div class="col-md-5">
                            <label class="form-label order-label">Brand Name: <span class="text-danger">*</span></label>
                            <select class="form-select order-select">
                                <option selected>Brembo</option>
                                <option>Mahle</option>
                                <option>NGK</option>
                                <option>Pagid</option>
                            </select>
                        </div>
                        <div class="col-md-7 text-end">
                            <button class="btn btn-export-excel">
                                Export Excel
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
@endsection