%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/ugotscom/.trash/laravel/resources/js/components/clients/
Upload File :
Create Path :
Current File : /home/ugotscom/.trash/laravel/resources/js/components/clients/addclients.vue

<template>
<div class="page-content">
    <h2>Add Client</h2>
     <form action="/leads" method="POST" @submit.prevent="addclient()">

    <div class="form-group">
      <label for="lead_name">Name</label>
      <input type="text" class="form-control" v-model="name" placeholder="Name">
    </div>
 
  <div class="form-group">
    <label for="phone">Phone</label>
    <input type="text" class="form-control" name="phone" v-model="phone" placeholder="1234 Main St">
  </div>
  <div class="form-group">
    <label for="email">Email</label>
    <input type="text" class="form-control" name="email" v-model="email" placeholder="Apartment, studio, or floor">
  </div>
  <div class="form-row">
    <div class="form-group">
      <label for="status">status</label>
      <input type="text" class="form-control" name="status" v-model="status">
    </div>
 
  </div>
  <button type="submit" value="submit" class="btn btn-primary">Submit</button>
</form>

</div>
</template>

<script>
    export default {
      data(){
        return{
        name:'',
        email:'',
        phone:'',
        status:'',
        }
      
      },
        mounted() {
            console.log('Component mounted.')
        },
        methods: {
          addclient(){
               axios
    .post('/client', {
      name: this.name,
      email: this.email,
      phone: this.phone,
      status:this.status
    }) .then( response => this.$router.push({ path: '/clients'}));
            }
        }

    }
    
</script>

Zerion Mini Shell 1.0