@extends('adminlte::page')

@section('title', 'IPRS | Search')

@section('content')
  <div class="col-10 offset-1">
     <livewire:search.searchadvanceform />
     <livewire:search.advance.tableresult />
  </div>
@stop

@section('css')
<style>
    .adv-form-input{
        width: 100% !important;
    }
    .form-row{
        margin-bottom: 0.75rem;
    }
    #overlaySpinner{
        position: fixed;
        top: 0;
        z-index: 100;
        width: 100%;
        height:100%;
        display: none;
        background:rgba(24, 104, 104, 0.5);
        left:0;
    }
    .cv-spinner {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .spinner {
        width: 40px;
        height: 40px;
        border: 4px #ddd solid;
        border-top: 4px #2e93e6 solid;
        border-radius: 50%;
        animation: sp-anime 0.8s infinite linear;
    }
    @keyframes sp-anime {
        100% {
            transform: rotate(360deg);
        }
    }
    .is-hide{
        display:none;
    }
    #searchCard{
        display: none;
    }
    .cardLine {
        width: 80%;
        height: 1px;
        background-color: #2e2b5a;
        margin-bottom: 1rem;
    }

    .cardLine2 {
        width: 80%;
        height: 1px;
        background-color: #2e2b5a;
        margin-bottom: 1rem;
    }

    .cardLine3 {
        width: 80%;
        height: 1px;
        background-color: #2e2b5a;
        margin-bottom: 1rem;
    }
    .upi{
        color: #115403;
        background-color: #6fff90;
        border-color: #28a745;
        box-shadow: none;
        padding: 9px;
        border-radius: 10px;
    }

    .field-value {
        font-size: 1.5rem;
        font-weight: 600;
        color: #010110;
        opacity: 1;
        transition: opacity 0.5s linear;
    }
    .field-value-text {
        font-size: 1rem;
        font-weight: 600;
        color: #010110;
        opacity: 1;
        transition: opacity 0.5s linear;
    }

</style>
@stop

@section('js')
    <script>
        $(document).ready(function() {
            $('input').on('keyup', function() {
                this.value = this.value.toUpperCase();
            });
        });
    </script>
@endsection
