<?php

include "../../classes/app.class.php";

$app = new app();

?>


<div class='container flex_container'>
    <h1>ADD CLIENT</h1>
    <hr>
    <div class="container flex_container" style='width:80%'>
    <input type='text' id='name' class='font_size_2vw' placeholder='Enter Client Name'>
    <input type='text'  class='font_size_2vw' id='contact_person'  placeholder='Enter Contact Name'>
    <input type='text'  class='font_size_2vw' id='number'  placeholder='Enter Contact Number'>
    <input type='text'  class='font_size_2vw' id='email'  placeholder='Enter Client Email'>
    <input type='text'  class='font_size_2vw' id='address'  placeholder='Enter Client Address'>
    <input type='text'  class='font_size_2vw' id='google_maps_link'  placeholder='Enter Client Maps Link'>
    <label for='status'>Status</label>
    <select id='status'  class='font_size_2vw' >
        <option></option>
        <option value=1>ACTIVE</option>
        <option value=0>INACTIVE</option>
    </select>
    <br><br>
    <button onclick="add_client()"  class='font_size_2vw'>ADD CLIENT</button>
</div>
</div>

<script>
    function add_client() {
        var name = document.getElementById('name').value;
        var contact_person = document.getElementById('contact_person').value;
        var number = document.getElementById('number').value;
        var email = document.getElementById('email').value;
        var address = document.getElementById('address').value;
        var google_maps_link = document.getElementById('google_maps_link').value;
        var status = document.getElementById('status').value;

        if (status == "") {
            document.getElementById('status').style.border = '2px solid red';
        } else {
            document.getElementById('status').style.border = '2px solid green';
        }

        error = 0;
        var inputs = document.getElementsByTagName('input');
        for (var i = 0; i < inputs.length; i++) {
            if (inputs[i].value == "") {
                inputs[i].style.border = '2px solid red';
                error = 1;
            } else {
                inputs[i].style.border = '2px solid green';
            }
        }
        if (error == 0) {
            var xhttp = new XMLHttpRequest();
            xhttp.onload = function() {
                if (this.responseText == 0) {
                    console.log("FAILED");

                } else if (this.responseText == 1) {
                    console.log("PASSED");
                    window.location.href = 'home.php';
                }
            }
            xhttp.open("GET", '../../ajax/clients/add_client.php?name=' + name + '& contact_person=' + contact_person + '&number=' + number + '&email=' + email + '&address=' + address + '&google_maps_link=' + google_maps_link + '&status=' + status);
            xhttp.send();
        }
    }
</script>