@include('common.header')

<style>

.btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: mediumseagreen;
}

.btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: mediumseagreen;
}
</style>
<section class="content">
    <div class="body_scroll">
        <div class="block-header">
            <div class="row">
                <div class="col-lg-7 col-md-6 col-sm-12">
                    <h2>PET Application</h2>
                    
                    <ul class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ url('/admin/dashboard') }}"><i class="zmdi zmdi-home"></i> Home</a></li>
                        <!--<li class="breadcrumb-item"><a href="{{ url('/#') }}">PET Application</a></li>-->
                        <li class="breadcrumb-item active">
                            PET Application
                        </li>
                    </ul>
                    <button class="btn btn-primary btn-icon mobile_menu" type="button"><i class="zmdi zmdi-sort-amount-desc"></i></button>
                </div>
                
                <div class="col-lg-5 col-md-6 col-sm-12">
                    <button class="btn btn-primary btn-icon float-right right_icon_toggle_btn" type="button"><i class="zmdi zmdi-arrow-right"></i></button>
                </div>
            </div>
        </div>

        <div class="container-fluid">
            <!-- Vertical Layout -->
            <div class="row clearfix">
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <div class="card">
                        <!--<div class="header">-->
                        <!--    <h2>-->
                        <!--        <strong style="text-transform: capitalize;">All PET Application</strong>-->
                        <!--    </h2>-->
                        <!--</div>-->
                        <div class="body p-3">
                            <form method="post" action="{{ url('/search_allhod_pet_list') }}" class="form-horizontal" enctype="multipart/form-data">
                                @csrf
                                <div class="p-3 card-box mb-30">
                                    
                                    <div class="form-group row">
                                        <label class="col-sm-2"><strong>From Date </strong></label>
                                        <div class="col-sm-4 col-md-4">
                                            <input type="date" class="form-control @error('from_date') is-invalid @enderror" id="from_date"  name="from_date" placeholder="Enter From Date">
                                            @error('from_date')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                        
                                        <label class="col-sm-2"><strong>To Date </strong></label>
                                        <div class="col-sm-4 col-md-4">
                                            <input type="date" class="form-control @error('to_date') is-invalid @enderror" id="to_date"  name="to_date" placeholder="Enter From Date">
                                            @error('to_date')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                     <div class="form-group row">
                                       <label class="col-sm-2"><strong>Breed / <br>( जाती ) : </strong></label>
                                        
                                        <div class="col-sm-4 col-md-4">