@extends('layouts.main-layout')

@section('title', 'Sow App - Profiles')

@section('content')
    <x-navigation />

    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <h1 class="mt-5 text-center">Profile - {{ $profile->client_firstName }} {{ $profile->client_lastName }}</h1>

                <x-error-success-messages />

                <form action="{{ route('updateProfile', ['id'=>$profile->client_id]) }}" method="POST">
                    @csrf
                    <div class="form-group mt-3">
                        <label for="First name">First name</label>
                        <input type="text" name="first_name" class="form-control" placeholder="John" value="{{ $profile->client_firstName }}" required>
                    </div>
                    
                    <div class="form-group mt-3">
                        <label for="Last name">Last name</label>
                        <input type="text" name="last_name" class="form-control" placeholder="Doe" value="{{ $profile->client_lastName }}" required>
                    </div>
                    
                    <div class="form-group mt-3">
                        <label for="Email">Email</label>
                        <input type="email" name="email" class="form-control" placeholder="john.doe@example.com" value="{{ $profile->client_email }}" required>
                    </div>
                    
                    <div class="form-group mt-3">
                        <label for="Phone number">Phone number</label>
                        <input type="text" name="phone_number" class="form-control" placeholder="702-458-9265" value="{{ $profile->client_phoneNumber }}" required>
                    </div>
                    
                    <div class="form-group mt-3">
                        <label for="Password">Password</label>
                        <input type="password" name="password" class="form-control" placeholder="Password">
                    </div>

                    <div class="form-group mt-3">
                        <label for="Confirm Password">Confirm password</label>
                        <input type="password" name="password_confirmation" class="form-control" placeholder="Confirm password">
                    </div>

                    <div class="form-group mt-3">
                        <label for="Is client admin">Is admin</label>
                        <select name="isAdmin" class="form-select">
                            <option value="0" @if($profile->client_isAdmin) selected @endif>No</option>
                            <option value="1" @if($profile->client_isAdmin) selected @endif>Yes</option>
                        </select>
                    </div>

                    <div class="form-group mt-3">
                        <label for="Is client active">Is active</label>
                        <select name="isActive" class="form-select">
                            <option value="0" @if($profile->client_isActive) selected @endif>No</option>
                            <option value="1" @if($profile->client_isActive) selected @endif>Yes</option>
                        </select>
                    </div>

                    <div class="form-group mt-3 w-100 d-flex justify-content-between">
                        <input type="submit" value="Update" class="btn btn-primary">
                        <input type="button" value="Delete client" id="deleteClient" class="btn btn-danger">
                    </div>
                </form>
            </div>
        </div>
    </div>

<script type="text/javascript">
    $(document).ready(function() {
        $("#deleteClient").click(function(){
            Swal.fire({
                title: "Are you sure you want to delete this client?",
                icon: "warning",
                html: '<div class="d-flex justify-content-between">'+
                        '<p class="text-danger text-decoration-none btn btn-link" id="confirmDeleteClient">Confirm</p>'+
                        '<p href="#" class="text-primary text-decoration-none btn btn-link" onclick="Swal.close()">Close</p>'+
                    '</div>',
                showCancelButton: false,
                showConfirmButton: false
            });

            $("#confirmDeleteClient").click(function(){
                $.ajax({
                    url: "{{ route('deleteClient', ['id' => $profile->client_id ]) }}",
                    method: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                        _method: "DELETE"
                    },
                    success: function(data){
                        var res = JSON.parse(data);

                        if(res.success){
                            window.location.href = '/profiles';
                        }
                    },
                    error: function(data){
                        console.log("Error deleting clients: ", data);

                        Swal.fire({
                            icon: 'error',
                            title: 'Oops...',
                            text: 'Something went wrong, please try again later!',
                        });
                    }
                });
            });
        });
    });
</script>
@endsection