@extends('layouts.main-layout')

@section('title')
    Sow App - Check Client Requirements
@endsection

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

    @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>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>

    <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