@extends('layouts.main-layout')

@section('title')
    {{ config('app.name') }} - Check Client Requirements
@endsection

@section('content')

<style>
    ul, li {
        margin: auto;
        padding: revert;
    }

    ul {
        list-style-type: initial;
    }

    li {
        list-style: initial;
    }
</style>

<div class="content-wrap">
    <div class="main">
        @if($client_requirement['client_requirement_is_active'])
            <h2 class="text-center mt-4">Current active client requirement</h2>
        @else
            <h2 class="text-center mt-4">History of client requirement</h2>
        @endif

        <div class="container my-5">
            <div class="row justify-content-center">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-header text-center">
                            <p>Client fullname: <strong>{{ $client_requirement['client']['client_firstName'] }} {{ $client_requirement['client']['client_lastName'] }}</strong></p>
                            <p>Client email: <strong>{{ $client_requirement['client']['client_email'] }}</strong></p>
                            <p>Client phone number:<strong> {{ $client_requirement['client']['client_phoneNumber'] }} </strong></p>
                        </div>
                        <div class="card-body">
                            <p class="text-center">Website to edit: 
                                @if(empty($client_requirement['client_requirement_site'])) 
                                <strong>None</strong>   
                                @else
                                <a href="{{ $client_requirement['client_requirement_site'] }}" target="_blank">{{ $client_requirement['client_requirement_site'] }}</a>  
                                @endif
                            </p>

                            
                            <h2 class="text-center">Checked values</h2>
                            @foreach($client_requirement['questions'] as $question)
                                                                <ul>
                                    <li>{{ $question->category->categorie_name }}</li> 
                                    <ul>
                                        <li>{{ $question->subcategory->sub_categorie_name }}</li>
                                        <ul>
                                            <li>{{ $question->question_name }}</li>
                                        </ul>
                                    </ul>
                                </ul>
                            @endforeach

                            <div class="text-center">
                                <hr>
                                <h2 class="text-center">Total</h2>
                                <p>Hours: <span><strong>{{ $total_hours }}h</strong></span> </p>
                                <p>Price: <span><strong>{{ $total_price }}{{ $currency_symbol }}</strong></span> </p>
                                <p>Price per hour: <span><strong>{{ $price_per_hour }}{{ $currency_symbol }}</strong></span> </p>
                            </div>

                            @if($client_requirement['client_requirement_is_active'])
                                <div class="text-center">
                                    <hr>
                                    <a href="{{ url('editClientRequirement/'. $client_requirement['client_requirement_id'] .'') }}" class="btn btn-primary">Edit client requirement</a>
                                    <button id="closeClientRequirement" class="btn btn-warning">Close client requirement</button>
                                </div>
                            @else
                                <div class="text-center">
                                    <hr>
                                    <button id="reOpenClientRequirement" class="btn btn-warning">Reopen client requirement</button>
                                    @if(session()->get('isAdmin'))
                                    <button id="deleteClientRequirement" class="btn btn-danger">Delete client requirement</button>
                                    @endif
                                </div>
                            @endif
                        
                        </div>
                    </div>                         

                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    $(document).ready(function(){
        $('#closeClientRequirement').click(function(){

            Swal.fire({
                title: "Are you sure you want to close this client?",
                icon: "warning",
                html: '<div class="d-flex justify-content-between">'+
                        '<p class="text-danger text-decoration-none btn btn-link" id="confirmCloseClient">Confirm</p>'+
                        '<p href="#" class="text-primary text-decoration-none btn btn-link" onclick="Swal.close()">Close</p>'+
                    '</div>',
                showCancelButton: false,
                showConfirmButton: false
            });
            
            $("#confirmCloseClient").click(function(){
                $.ajax({
                    url: "{{ route('closeClientRequirement', ['id' => $client_requirement['client_requirement_id']]) }}",
                    type: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                        _method: "PUT"
                    },
                    success: function(data){
                        var res = JSON.parse(data);

                        if(res.success && {{ session()->get('isAdmin') }}){
                            window.location.href = "{{ route('checkClients') }}";
                        }else{
                            window.location.href = "{{ route('editRequestedRequirement') }}";
                        }
                    },
                    error: function(data){
                        console.log("Error occured: ", data);

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

        $("#reOpenClientRequirement").click(function(){
            Swal.fire({
                title: "Are you sure you want to reopen this client?",
                icon: "warning",
                html: '<div class="d-flex justify-content-between">'+
                        '<p class="text-danger text-decoration-none btn btn-link" id="confirmOpenClient">Confirm</p>'+
                        '<p href="#" class="text-primary text-decoration-none btn btn-link" onclick="Swal.close()">Close</p>'+
                    '</div>',
                showCancelButton: false,
                showConfirmButton: false
            });
            
            $("#confirmOpenClient").click(function(){
                $.ajax({
                    url: "{{ route('reOpenClientRequirement', ['id' => $client_requirement['client_requirement_id']]) }}",
                    type: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                        _method: "PUT"
                    },
                    success: function(data){
                        var res = JSON.parse(data);

                        if(res.success && {{ session()->get('isAdmin') }}){
                            window.location.href = "{{ route('checkClients') }}";
                        }else{
                            window.location.href = "{{ route('editRequestedRequirement') }}";
                        }
                    },
                    error: function(data){
                        console.log("Error occured: ", data);

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

        $("#deleteClientRequirement").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="confirmOpenClient">Confirm</p>'+
                        '<p href="#" class="text-primary text-decoration-none btn btn-link" onclick="Swal.close()">Close</p>'+
                    '</div>',
                showCancelButton: false,
                showConfirmButton: false
            });
            
            $("#confirmOpenClient").click(function(){
                $.ajax({
                    url: "{{ route('deleteClientRequirement', ['id' => $client_requirement['client_requirement_id']]) }}",
                    type: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                        _method: "DELETE"
                    },
                    success: function(data){
                        var res = JSON.parse(data);

                        if(res.success && {{ session()->get('isAdmin') }}){
                            window.location.href = "{{ route('checkClients') }}";
                        }else{
                            window.location.href = "{{ route('editRequestedRequirement') }}";
                        }
                    },
                    error: function(data){
                        console.log("Error occured: ", data);

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

@endsection