<div>

    <div class="card card-primary card-outline card-outline-tabs">

        <div class="card-header p-0 border-bottom-0">
            <ul class="nav nav-tabs" id="custom-tabs-one-tab" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" id="custom-tabs-one-id-tab" data-toggle="pill" href="#custom-tabs-one-id" role="tab" aria-controls="custom-tabs-one-id" aria-selected="true">ID cards</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="custom-tabs-one-refugee-tab" data-toggle="pill" href="#custom-tabs-one-refugee" role="tab" aria-controls="custom-tabs-one-refugee" aria-selected="false">Refugees and Alien cards</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="custom-tabs-one-passport-tab" data-toggle="pill" href="#custom-tabs-one-passport" role="tab" aria-controls="custom-tabs-one-passport" aria-selected="false">Passport</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="custom-tabs-one-birth-tab" data-toggle="pill" href="#custom-tabs-one-birth" role="tab" aria-controls="custom-tabs-one-birth" aria-selected="false">Birth Certificate</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="custom-tabs-one-death-tab" data-toggle="pill" href="#custom-tabs-one-death" role="tab" aria-controls="custom-tabs-one-death" aria-selected="false">Death Certificate</a>
                </li>
            </ul>
        </div>

        <div class="card-body mb-2">
            <div class="tab-content" id="custom-tabs-one-tabContent">
                <div class="tab-pane fade show active" id="custom-tabs-one-id" role="tabpanel" aria-labelledby="custom-tabs-one-id-tab">
                    <livewire:search.advance.idsearch />
                </div>
                <div class="tab-pane fade" id="custom-tabs-one-refugee" role="tabpanel" aria-labelledby="custom-tabs-one-refugee-tab">
                    <livewire:search.advance.refugee />
                </div>
                <div class="tab-pane fade" id="custom-tabs-one-passport" role="tabpanel" aria-labelledby="custom-tabs-one-passport-tab">
                    <livewire:search.advance.passport />
                </div>
                <div class="tab-pane fade" id="custom-tabs-one-birth" role="tabpanel" aria-labelledby="custom-tabs-one-birth-tab">
                    <livewire:search.advance.birth />
                </div>
                <div class="tab-pane fade" id="custom-tabs-one-death" role="tabpanel" aria-labelledby="custom-tabs-one-death-tab">
                    <livewire:search.advance.death />
                </div>
            </div>
        </div>

    </div>
</div>
