@extends('layouts.app')

@section('content')
<div class="dashboard-content">
    <div class="main-order-import-layout">
        <div class="main-card">
            <div class="main-heading">
                <h4>Order import</h4>
            </div>
        </div>
        <div class="import-layout">
            <div class="import-order-heading">
                <h4>Choose Store</h4>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <div class="import-input">
                        <label>Status</label>
                        <select class="form-select" aria-label="Default select example" placeholder="completed">
                            <option selected>Pending </option>
                            <option value="1">Completed</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="text-attention">
                <p><span class="fw-bold">Attention: </span>The imported orders also will be counted and taken from your orders limit this month</p>
            </div>
        </div>
        <!-- #region -->
        <div class="import-date-picker">
            <div class="import-order-heading">
                <h4>Choose From Date / Order Status </h4>
            </div>
            <div class="date-picker-inputs">
                <div class="row">
                    <div class="col-md-4">
                        <label for="date">From</label><br>
                        <input type="date" id="date" name="date">
                    </div>
                    <div class="col-md-4">
                        <label for="date">To</label><br>
                        <input type="date" id="date" name="date">
                    </div>
                </div>
            </div>
            <div class="import-btn-group">
                <button class="import-back-btn">Back</button>
                <button class="import-btn">Import</button>
            </div>
        </div>
        <!-- #region -->


    </div>
</div>


@endsection