@extends('layouts.main-layout')

@section('title')
    {{ config('app.name') }} - Profile
@endsection

@section('content')

<div class="content-wrap">
    <div class="main">
        <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>

                    @if($profile->client_expires_at != null)
                        <p class="text-center fw-bold">{{ $profile->client_firstName }} {{ $profile->client_lastName }} account expires at: {{ $profile->client_expires_at }}</p>
                    @endif

                    <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>
                        
                        @if($profile->client_expires_at != null)
                            @if(strtotime(now()) > strtotime($profile->client_expires_at))
                            <div class="form-group mt-3">
                                <label for="Extend client account for another 45 days">Extend client account for another 45 days</label>
                                <input type="checkbox" name="extend_client_account" class="form-check form-check-input">
                            </div>
                            @endif
                        @endif

                        <div class="form-group mt-3">
                            <label for="Is client admin">Is admin</label>
                            <select name="isAdmin" class="form-select form-control">
                                <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 form-control">
                                <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>
    </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