<template>
   <v-app id="login">

      <v-toolbar color="white">

        <h4 class="text-lg-left"><b>Push Notification</b></h4>
        <v-spacer></v-spacer>
       <v-flex xs6 sm4>
   <v-text-field justify-right
          prepend-icon="search"
          v-model="search"
          label="Find your users"
          single-line
          hide-details

          > 

      </v-text-field>
       </v-flex>
   </v-toolbar>
      <v-card>
      <v-card-text>
      <v-flex xs12>
      <v-textarea
          solo
          name="input-7-4"
          label="Hello Users!">
      </v-textarea>
      </v-flex>
      </v-card-text>
      <v-flex text-xs-right>
      <div>
      <v-btn dark large class="text-lg-right" >send</v-btn>
      </div></v-flex>
      <v-container grid-list-xl>
      <v-data-table
        :headers="headers"
        :items="desserts"
        :search="search"
        v-model="selected"
        item-key="name"
        select-all

        class="text-xs-left"

      >

       <!-- <template slot="headerCell" slot-scope="props">

        <v-tooltip bottom>

         <span> slot="activator">

           {{ props.header.text }}
          </span>
          <span>
            {{ props.header.text }}
          </span>
        </v-tooltip>

      </template> -->

      <template slot="items" slot-scope="props">
        <td>
          <v-checkbox
            v-model="props.selected"
            primary
            hide-details
          ></v-checkbox>
        </td>

        <td>{{ props.item.Name }}</td>

        
      </template>
      </v-data-table>
      </v-container>
      </v-card>
   </v-app>
  </template>
  <script>
  export default {
    data () {
      return {
        search: '',
        selected: [],
        headers: [
          {
            text: 'User List',
            align: 'left',
            sortable: false,

            value: 'Name'

          },

          // { text: '', value: '', sortable: false },
          // { text: '', value: '', sortable: false },
          // { text: '', value: '', sortable: false },
          // { text: '', value: '', sortable: false },
          // { text: '', value: '', sortable: false },
          // { text: '', value: '', sortable: false }

        ],
        desserts: [
          {
            value: true,

            Name: 'ajay',

            
          }
            
        ]
      };
    }
  };
  </script>