searchyp.blade.php 5.37 KB
<style>

/* search sec  */
/*search box css start here*/
.search-sec{
    padding: 2rem;
}
.search-slt{
    display: block;
    width: 100%;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #55595c;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    height: calc(3rem + 2px) !important;
    border-radius:0;
}
.wrn-btn{
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    height: calc(3rem + 2px) !important;
    border-radius:0;
}
@media (min-width: 992px){
    .search-sec{
        position: relative;
        top: -114px;
        background: rgba(26, 70, 104, 0.51);
    }
}

@media (max-width: 992px){
    .search-sec{
        background: #1A4668;
    }
}


    </style>
<div class="contaier">
{{-- <div class="" style="background-image:url('');"> --}}
{{-- <form action="{{ url('fyuri/cariYurisprudensi') }}" method="post" class="" id=""> --}}
    {{-- @csrf --}}
    <section class="search-sec">
        <div class="container">
            <form action="#" method="post" novalidate="novalidate">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="row">
                            <div class="col-lg-4 col-md-3 col-sm-12 p-0">
                                <input type="text" name="cariJudul" class="form-control search-slt" placeholder="Judul Yurisprudensi">
                            </div>
                            <div class="col-lg-2 col-md-3 col-sm-12 p-0">
                                <select class="form-control search-slt" id="exampleFormControlSelect1">
                                    @foreach ($dihs_opsi ?? [] as $key => $dih)

                                         <option value="{{ $key }}">{{ $dih }}</option>

                                   @endforeach
                                </select>
                            </div>
                            <div class="col-lg-2 col-md-3 col-sm-12 p-0">
                                <input type="text" name="cariTeu" class="form-control search-slt" placeholder="Tajuk Entry Utmaa">
                            </div>
                            <div class="col-lg-2 col-md-3 col-sm-12 p-0">
                                <input type="text" name="cariSubjek" class="form-control search-slt" placeholder="Subjek Yurisprudensi">
                            </div>

                            <div class="col-lg-1 col-md-3 col-sm-12 p-0">
                                <button type="button" class=" btn btn-danger wrn-btn"> <i class="fa fa-search"></i></button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </section>

{{-- </form> --}}

      {{-- {!! $cariPerda->withQueryString()->links('pagination::bootstrap-4') !!} --}}


</div>



{{-- Kemenkeu --}}
{{-- <form _ngcontent-qup-c79="" novalidate="" class="form-row ng-tns-c79-6 ng-pristine ng-valid ng-touched">
    <div _ngcontent-qup-c79="" class="col-12 ng-tns-c79-6">
        <label _ngcontent-qup-c79="" for="search" class="ng-tns-c79-6"> Peraturan apa yang ingin Anda cari? </label>
    </div>
    <div _ngcontent-qup-c79="" class="col-lg-10 col-md-9 col-sm-8 my-1 ng-tns-c79-6">
        <input _ngcontent-qup-c79="" name="search" type="text" class="form-control ng-tns-c79-6 ng-pristine ng-valid ng-touched" placeholder="Ketik kata kunci pencarian">
    </div>
    <div _ngcontent-qup-c79="" class="col-lg-2 col-md-3 col-sm-4 my-1 ng-tns-c79-6">
        <button _ngcontent-qup-c79="" type="submit" class="btn btn-primary btn-block ng-tns-c79-6"> Cari </button>
    </div>
    <div _ngcontent-qup-c79="" class="col-12 ng-tns-c79-6">
        <button _ngcontent-qup-c79="" type="button" class="advanced-button toggle-btn ng-tns-c79-6">
            <fa-icon _ngcontent-qup-c79="" class="ng-fa-icon ng-tns-c79-6" style="color: #ffffff;">
                <svg role="img" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="plus" class="svg-inline--fa fa-plus fa-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
                    <path fill="currentColor" d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"></path>
                </svg>
            </fa-icon>
            Pencarian Lanjutan
        </button>
            <fa-icon _ngcontent-qup-c79="" class="ng-fa-icon ng-tns-c79-6" style="color: #ffffff; padding-right: 5px;">
                <svg role="img" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                    <path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path>
                </svg>
            </fa-icon>
            <a _ngcontent-qup-c79="" class="toggle-btn ng-tns-c79-6" style="color: #ffffff;" href="/in/search"> Pencarian Fullteks </a>
        </div><!---->
    </form> --}}