@extends('Website.Layout.App')

@push('css')
    <link href="{{ asset('assets/css/custom/user/your_services.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/css/custom/common.css') }}" rel="stylesheet">
@endpush


@section('content')
<div class="jumbotron text-center bg-body-tertiary">
    <div class="container">
        <h1 class="text-body-emphasis">Your Services</h1>
    </div>
</div>

    <div class="container">
        <div class="flash-message">
            @foreach (['danger', 'warning', 'success', 'info'] as $msg)
                @if (Session::has('alert-' . $msg))
                    <p class="alert alert-{{ $msg }} d-flex justify-content-between p-2">
                        <b>{{ Session::get('alert-' . $msg) }}</b>
                        <i class="fa fa-times-circle close" aria-hidden="true" data-dismiss="alert" aria-label="close"></i>
                    </p>
                    {{ session()->forget('alert-' . $msg) }}
                @endif
            @endforeach
        </div>

        <div class="row py-3">
            @if(count($serviceData))
                @foreach($serviceData as $s)
                    <div class="col-md-4 ps-5 pe-5 service-col mt-4" id="service_col_{{$s->uid}}">
                        <div class="card">
                            <div class="card-header text-center">
                                    <h5>{{$s->service_name}} </h5>
                                    <small class="text-muted">{{$s->entity_type_name}}</small>
                            </div>
                            <div class="card-body">

                                @if($s->service_status=="DOCUMENT")
                                    <div class="text-center">
                                        <a href="{{ url('user/service/'.$s->uid) }}" 
                                            class="service-document-button"
                                            style="text-decoration: none"
                                            >
                                            UPLOAD DOCUMENT
                                        </a>
                                        <p class="service-document-button-text-muted">
                                            Uploaded :  {{$s->uploaded_documents}}/{{$s->total_documents}}
                                        </p>
                                    </div>
                                @endif

                                @if($s->service_status == "PAYMENT")
                                    @if(!$s->payment_type)
                                        <div class="text-center">
                                            <h5>Waiting For Payment Details</h5>
                                        </div>
                                    @else
                                        @if(!$s->pending_payment->isEmpty())
                                            <div class="text-center">
                                                <form action="{{ url('user/make-payment/'.$s->uid.'/'.$s->pending_payment->uid) }}" method="post">
                                                    @csrf
                                                    <label>
                                                        @if($s->pending_payment->payment_type=="ADVANCE_PAYMENT")
                                                            Please Pay Advance Amount
                                                        @elseif($s->pending_payment->payment_type=="BALANCE_PAYMENT")
                                                            Please Pay Balance Amount
                                                        @elseif($s->pending_payment->payment_type=="ONE_TIME_PAYMENT")
                                                            Please Pay 
                                                        @endif
                                                    </label>    
                                                    <input type="text" 
                                                            class="form-control form-control-sm"
                                                            name="paid_amount"
                                                            value="{{ $s->pending_payment->receivable_amount }}"
                                                            readonly>
                                                
                                                    <button type="submit" class="service-document-button mt-2">
                                                        Make Payment
                                                    </button>
                                                </form>
                                            </div>
                                        @endif
                                    @endif
                                @endif

                                @if($s->service_status == "EXECUTION")
                                    @if(!$s->assign_to_user_id)
                                        We'll shortly assign our expert 
                                    @endif 
                                    @if($s->assign_to_user_id)
                                        @if(!$s->execution_status)
                                            We have assign our expert and soon we will start working on this.
                                        @endif
                                        @if($s->execution_status)
                                            We have assign our expert and we have started working on this.
                                        @endif
                                    @endif
                                @endif

                                @if($s->service_status == "DOCUMENT")
                                    <button type="button"
                                            class="service-delete-button"
                                            onclick="remove_service_from_account('{{$s->uid}}','service_col_{{$s->uid}}')"
                                        >
                                        Delete
                                    </button>
                                @endif    

                            </div> <!--CARD BODY-->
                        </div><!--CARD-->
                    </div>
                @endforeach    
            @else
                <div class="all-services-message text-center pt-5">
                    <p>
                    You can now add services from
                        <a href="{{url('all-service')}}"
                            >
                            Add Services
                        </a>
                    </p>
                </div>
            @endif   
        </div>

    </div>


@endsection 

@push('scripts')
<script>
    
    function displayFileName(fileInputId, fileNameDisplayId) {
        var fileInput = document.getElementById(fileInputId);
        var fileNameDisplay = document.getElementById(fileNameDisplayId);

        if (fileInput.files.length > 0) {
            fileNameDisplay.textContent = fileInput.files[0].name;
        } else {
            fileNameDisplay.textContent = 'No file chosen';
        }
    }   

    function remove_service_from_account(uid, remove_item_id) {
        $.ajax({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            type: "POST",
            url: "{{ url('user/service') }}/" + uid,
            data: {
                '_method': 'DELETE'
            },
            success: function(data) {
                alert(data['message']);
                if (data['status'] == 1) {
                    $('#' + remove_item_id).remove();
                }
            },
            error: function(jqXHR, textStatus, errorThrown) {
                console.error('Error:', textStatus, errorThrown);
            }
        });
    }
</script>
@endpush