@extends('admin.main')

@section('content')
<div class="w-lg-80 py-4">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <div>
            <h3 class="font-20 font-900 text-black">New Device</h3>
        </div>
        <a href="devices">
            <button type="button" class="btn-blue rounded-4 inter px-3 mt-2 p-2 w-100 fw-bold font-14 text-capitalize">
                <i class="fa-solid fa-shop me-2"></i> Back to Devices
            </button>
        </a>
    </div>
    <div class="container bg-color p-3 rounded-4">
        <form method="POST" action="store_device">
            @csrf
            <div class="row">
                <div class="col-6 mb-3">
                    <div class="mb-3">
                        <label for="cardName" class="form-label font-15 font-500 inter colorgray">
                            Device Name* <i class="fa-solid fa-circle-exclamation"></i>
                        </label>
                        <input type="text" class="form-control inputgroup" id="name" name="device_name" placeholder="Enter Device Name" required>
                    </div>
                </div>
                <div class="col-6 mb-3">
                    <div class="mb-3">
                        <label for="cardDescription" class="form-label font-15 font-500 inter colorgray">
                            Device Number*
                        </label>
                        <input type="text" class="form-control inputgroup" id="cardDescription" name="details" placeholder="E.G. BUY 4 COFFEES, GET ONE FREE!" required>
                    </div>
                </div>
                <div class="col-6">
                    <div class="mb-3">
                        <label for="stamps" class="form-label font-15 font-500 inter colorgray">Status*</label>
                        <select name="status" id="status" class="form-select">
                            <option value="0">Active</option>
                            <option value="1">Inactive</option>
                        </select>
                    </div>
                </div>
            </div>
            <button type="submit" class="btn-blue rounded-4 inter px-3 mt-2 p-2 w-100 fw-bold font-14 text-capitalize">
                Submit
            </button>
        </form>
    </div>
</div>

@endsection

@section('scripts')
<!-- Your scripts here -->
@endsection