searchmn.blade.php 2.77 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="container">
<div class="" style="background-image:url('');">
<form action="{{ url('fmono/cariMonografi')}}" 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 Monografi">
                            </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="cariNomor" class="form-control search-slt" placeholder="Nomor Panggil">
                            </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="TEU">
                            </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>
</div>