<template>
    <v-layout column fill-height>


            <v-toolbar  class="pa-1 mb-2" color="blue lighten-3" dark height="50px">
              <v-toolbar-title>DAFTAR REPORT</v-toolbar-title>
              <v-spacer></v-spacer>
              <v-select
                  v-model="Select"
                  :items="items"
                  :rules="[v => !!v || 'Item is required']"
                  label="Group Report"

                ></v-select>

                <v-spacer></v-spacer>
                <v-text-field
            v-model="search"
            :rules="nameRules"
           
            label="Search"

          ></v-text-field>
            </v-toolbar>


            <v-card class="pa-1 p-left-side grow" grow>


 <v-layout >
        <v-flex xs3 class="pr-2" >
         <v-card color="blue lighten-1" class="white--text">
           <v-layout >
             <v-flex class="text-md-center" >
             <v-btn fab dark large color="error">
                <v-icon dark>insert_chart_outlined</v-icon>
             </v-btn>
             </v-flex>
           </v-layout>
                 <v-divider light></v-divider>
           <v-card-title primary-title   style="height:50px;" >
             Daftar Pemeriksaan Harian
           </v-card-title>
         </v-card>
        </v-flex>

        <v-flex xs3  class="pr-2">
         <v-card color="blue lighten-1" class="white--text">
           <v-layout>
             <v-flex class="text-md-center" >
             <v-btn fab dark large color="error">
                <v-icon dark>insert_chart_outlined</v-icon>
             </v-btn>
             </v-flex>
           </v-layout>
                 <v-divider light></v-divider>
           <v-card-title primary-title   style="height:50px;" >
             Daftar Pemeriksaan Harian
           </v-card-title>
         </v-card>
        </v-flex>

        <v-flex xs3  class="pr-2">
         <v-card color="blue lighten-1" class="white--text">
           <v-layout>
             <v-flex class="text-md-center" >
             <v-btn fab dark large color="error">
                <v-icon dark>insert_chart_outlined</v-icon>
             </v-btn>
             </v-flex>
           </v-layout>
                 <v-divider light></v-divider>
           <v-card-title primary-title   style="height:50px;" >
             Daftar Pemeriksaan Harian
           </v-card-title>
         </v-card>
        </v-flex>


        <v-flex xs3  class="pr-2">
         <v-card color="blue lighten-1" class="white--text">
           <v-layout>
             <v-flex class="text-md-center" >
             <v-btn fab dark large color="error">
                <v-icon dark>insert_chart_outlined</v-icon>
             </v-btn>
             </v-flex>
           </v-layout>
                 <v-divider light></v-divider>
           <v-card-title primary-title   style="height:50px;" >
             Daftar Pemeriksaan Harian
           </v-card-title>
         </v-card>
        </v-flex>




 </v-layout>




     </v-card>


    </v-layout>

</template>

<style scoped>
table.v-table tbody td,table.v-table tbody th {
   height: 40px;
}

table.v-table thead tr {
   height: 40px;
}
</style>

<script>

</script>
