<?php

include "../../classes/app.class.php";

$app = new app();

$db = new DBMain();


$client_id = $_GET['record_id'];


$client = $db->get_client_info($client_id);


?>


<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' value='<?php echo $client['name']; ?>' placeholder='Enter Client Name'>
        <input type='text' class='font_size_2vw' id='contact_person' value='<?php echo $client['contact_person']; ?>' placeholder='Enter Contact Name'>
        <input type='text' class='font_size_2vw' id='number' value='<?php echo $client['number']; ?>' placeholder='Enter Contact Number'>
        <input type='text' class='font_size_2vw' id='email' value='<?php echo $client['email']; ?>' placeholder='Enter Client Email'>
        <input type='text' class='font_size_2vw' id='address' value='<?php echo $client['address']; ?>' placeholder='Enter Client Address'>
        <input type='text' class='font_size_2vw' id='google_maps_link' value='<?php echo $client['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>
        <script>
            document.getElementById('status').value = <?php echo $client['status']; ?>
        </script>
        <br><br>
        <button onclick="save_client()" class='font_size_2vw'>SAVE</button>
    </div>
</div>

<script>
    function save_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;
        var record_id = <?php echo $client['record_id']; ?>;

        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 = 'search_client.php';
                }
            }
            xhttp.open("GET", '../../ajax/clients/edit_client.php?name=' + name + '& contact_person=' + contact_person + '&number=' + number + '&email=' + email + '&address=' + address + '&google_maps_link=' + google_maps_link + '&status=' + status+ '&record_id=' + record_id);
            xhttp.send();
        }
    }
</script>