@extends('layouts.admin.admin')
@section('title', 'Global Settings')
@section('content')


<main>
    <div class="container-fluid p-0">
        <div class="row g-0">
            @include('partials.header')
            @include('layouts.admin.sidebar')
            <section class="content-section col primary-bg-light p-xl-4 p-3">
                <div class="bg-white rounded-3 shadow-sm p-3">
                    <div class="row">
                        <div class="col-12">
                            <div class="small fw-medium d-flex flex-wrap">System Settings</div>
                            <hr class="mb-4">
                            <h5>System Settings</h5>
                            <form action="" class="mb-5">
                                <div class="row d-flex flex-column g-2 gy-3">
                                    <div class="col-sm-6">
                                        <label for="inputEmail" class="form-label fw-semibold">Number of days before notification to be sent for re calibration<span class="text-red">*</span></label>
                                        <input type="number" class="form-control shadow-none cal-icon shadow-none" id="" placeholder="" value="7" required>
                                    </div>
                                    <div class="col-sm-6">
                                        <label for="inputEmail" class="form-label fw-semibold">Re calibration frequency (In Months)<span class="text-red">*</span></label>
                                        <input type="number" class="form-control shadow-none cal-icon shadow-none" id="" placeholder="" value="9" required>
                                    </div>
                                    <div class="col-12 mt-4">
                                        <button type="submit" class="btn btn-type1 px-5 border-0 shadow-sm">Update Settings</button>
                                    </div>
                                </div>
                            </form>
                            <h5>Create New JS Admin Account</h5>
                            <form action="">
                                <div class="row d-flex flex-column g-2 gy-3">
                                    <div class="col-sm-6">
                                        <label for="inputEmail" class="form-label fw-semibold">Name<span class="text-red">*</span></label>
                                        <input type="password" class="form-control shadow-none cal-icon shadow-none" id="inputCurrentPassword" placeholder="Enter name" value="" required>
                                    </div>
                                    <div class="col-sm-6">
                                        <label for="inputEmail" class="form-label fw-semibold">Email<span class="text-red">*</span></label>
                                        <input type="password" class="form-control shadow-none cal-icon shadow-none" id="inputCurrentPassword" placeholder="Enter email Id" value="" required>
                                    </div>
                                    <div class="col-12 mt-4">
                                        <button type="submit" class="btn btn-type1 px-5 border-0 shadow-sm mb-3">Create Account</button>
                                        <p>(Password will be sent to this email id)</p>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
</main>








@stop