@extends('Web/layout')
@section('title','Daily Availability')
@section('content')
    <div class="pt-3">
        <div class="page-title d-flex">
            <div class="align-self-center">
                <a href="#" data-back-button class="me-3 ms-0 icon icon-xxs bg-theme rounded-s shadow-m">
                <i class="bi bi-chevron-left color-theme font-14"></i>
                </a>
            </div>
            <div class="align-self-center me-auto">
                <h1 class="color-theme mb-0 font-18">Daily Availability</h1>
            </div>
            <div class="align-self-center ms-auto">
            
            </div>
        </div>
    </div>
    <div class="content">
        <form class="demo-animation needs-validation m-0" novalidate="">
            <div class="form-custom form-label form-icon mb-3">
            <i class="bi bi-search font-14"></i>
            <input type="text" class="form-control rounded-xs" id="c1" placeholder="Search Scheme Name" onkeyup="searchDailyAvailabilitySchemeByName(this)" >
            <label for="c1" class="color-theme">Please choose a Scheme</label>
            </div>
            <!-- <button class="btn btn-full bg-blue-dark rounded-xs text-uppercase font-700 w-100 btn-s mt-4" type="submit">Next</button> -->
        </form>  
    </div>
    <div class="content my-0 px-1" id="previousSchemeNametitle" style="display:none;">
        <div class="d-flex">
            <div class="align-self-center">
                <h3 class="font-16 mb-2 opacity-70">Previous Selected Scheme Name</h3>
            </div>
            <div class="align-self-center ms-auto">
                <!-- <a href="page-activity.html" class="font-12 pt-1">View All</a> -->
            </div>
        </div>
    </div>
    <div class="content mb-0 mt-2">
        <div class="list-group list-custom list-group-m list-group-flush rounded-xs overflow-visible check-visited" id="previousSchemeName" style="display:none;">
            
        </div>
    </div>
    <div class="content my-0 px-1">
        <div class="d-flex">
            <div class="align-self-center">
                <h3 class="font-16 mb-2 opacity-70">Scheme List</h3>
            </div>
            <div class="align-self-center ms-auto">
                <!-- <a href="page-activity.html" class="font-12 pt-1">View All</a> -->
            </div>
        </div>
    </div>
    <div class="content mb-0 mt-2">
        <div class="list-group list-custom list-group-m list-group-flush rounded-xs overflow-visible check-visited" id="schemelist">
        
        </div>
    </div>
   
@endsection