@extends('layouts.app')

@section('content')
<div class="profile">
    <h2 class="mt-4">{{ __('doksid.profile.title') }}</h2>
    {{-- Subscription details --}}
    {{-- <h5 class="mt-4">{{ __('doksid.profile.mySubscription.title') }}</h5>

    <div class="container m-0 p-0">
        <div class="row mx-0 my-3 p-3 subscription-header" style="background: @if(Session::get('user')['subscription_end'] > date('Y-m-d') ) #3A8F95 @else #D86E6E @endif; color: #fff; border-radius: 10px;">
            <div class="d-flex justify-content-start col-9 my-auto">
                @if(Session::get('user')['subscription_end'] > date('Y-m-d') )
                {{ __('doksid.profile.mySubscription.active') }}<span class="font-weight-bold">&nbsp;{{ Session::get('user')['subscription_end'] }}</span>
                @else
                {{ __('doksid.profile.mySubscription.inatcive') }}
                @endif
            </div>
            <div class="d-flex justify-content-end col-3 my-auto">
                <div class="dropdown">
                    @if(Session::get('user')['subscription_end'] > date('Y-m-d') )
                    <button class="btn" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <img src="{{ asset('img/dropdown_white.png') }}" alt="">
                    </button>
                    <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton">
                        <a class="dropdown-item @if(!Session::get('user')['subscribed']) d-none @endif" href="#unsubscribe" data-toggle="modal" data-target="#unsubscribe">{{ __('doksid.profile.mySubscription.button.unsubscribe') }}</a>
                        <a data-menu="subscription" id="subscriptionModalShowBtn" class="dropdown-item" href="#">{{ __('doksid.profile.mySubscription.button.selectPackage') }}</a>

                    </div>
                    @else
                    <div data-menu="subscription" id="subscriptionModalShowBtn" class="btn btn-yellow pointer mb-0">{{ __('doksid.profile.mySubscription.button.subscribe') }}</div> 
                    @endif
                </div>
            </div>
        </div>
    </div> --}}

    {{-- Bills --}}
    {{-- <h5 class="mt-5">{{ __('doksid.profile.myReceipts.title') }}</h5>
    @if ( !empty($subscriptionData) )
        <div id="respTable" style="overflow-x:auto;">
            <table>
                <thead class="my-3 bills-header">
                    <tr>
                        <th>
        
                        </th>
                        <th style="padding-left: 25px;">
                            {{ __('doksid.profile.myReceipts.header.period') }}
                        </th>
                        <th>
                            {{ __('doksid.profile.myReceipts.header.status') }}
                        </th>
                        <th>
                            {{ __('doksid.profile.myReceipts.header.name') }}
                        </th>
                        <th>
                            {{ __('doksid.profile.myReceipts.header.amount') }}
                        </th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($subscriptionData as $subscription)
                    @if ($subscription['status'] != 'canceled')
                    <tr>
                        <td>
                            <div class="dropdown">
                                <button class="btn" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <img src="{{ asset('img/dropdown_black.png') }}" alt="">
                                </button>
                                <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton">
                                    @if($subscription['status'] == 'claim')
                                        <a id="{{ $subscription['id'] }}" class="dropdown-item" onclick="pay_receipt($(this).data('currency'), $(this).data('amount'), '{{ route('payment.pay_receipt', $subscription['id']) }}');" href="#" data-amount="{{ $subscription['amount']*100 }}" data-currency="{{ $subscription['currency'] }}" data-receipt_id="{{ $subscription['id'] }}">
                                            {{ __('doksid.profile.myReceipts.button.pay') }}</a>
                                    @endif
                                    <a class="dropdown-item @if($subscription['status'] != 'accepted') d-none @endif" href="{{ route('receipt', $subscription['invoice_url'].'/'.$user['referral'] ) }}" target="_blank">
                                        {{ __('doksid.profile.myReceipts.button.download') }}</a>
                                </div>
                            </div>
                        </td>
                        <td style="padding-left: 25px;">
                            {{$subscription['end']}}
                        </td>
                        <td>
                            @switch($subscription['status'])
                                @case('accepted')
                                    <div class="subsc-status-accepted">
                                        {{ __('doksid.profile.myReceipts.status.accepted') }}
                                    </div>
                                    @break
                                @case('claim')
                                    <div class="subsc-status-claim">
                                        {{ __('doksid.profile.myReceipts.status.claim') }}
                                    </div>
                                    @break
                                @case('denied')
                                    <div class="subsc-status-denied">
                                        {{ __('doksid.profile.myReceipts.status.denied') }}
                                    </div>
                                    @break
                            @endswitch
                        </td>
                        <td>
                            @switch($subscription['type'])
                                @case('annual')
                                    {{ __('doksid.profile.myReceipts.type.annual') }}
                                    @break
                                @case('monthly')
                                    {{ __('doksid.profile.myReceipts.type.monthly') }}
                                    @break
                            @endswitch
                        </td>
                        <td>
                            {{$subscription['amount']}} {{ __($subscription['currency']) }}
                        </td>
                    </tr>
                    @endif
                    @endforeach
                </tbody>
            </table>
        </div>
    @else
        <div>
            {{ __('doksid.profile.myReceipts.noReceipts') }}
        </div>
    @endif --}}


    {{-- Personal data --}}
    <div class="container-fluid mt-4">
        <div class="row">
            <div class="col-sm-12 col-md-6 mb-3 mb-md-0 pt-2">
                <h5>{{ __('doksid.profile.personal.title') }}</h5>
                {{ __('doksid.profile.personal.desc') }}
            </div>
            <div class="col-sm-12 col-md-6">
                <form method="POST" action="{{ route('dashboard.save_personal_data') }}">
                    @csrf
                    @foreach ($personalData as $key => $value)
                        <div class="form-group component-type-text pt-0 mb-3">
                            <label for="{{ $key }}" class="bmd-label-static pb-1">{{ $personalDataTitle[$loop->index] }}</label>
                            <input id="{{ $key }}" type="text" class="col-md-12 form-control @error($key) is-invalid @enderror" name="{{ $key }}" value="{{ $value }}" autocomplete="off" @if($key == 'post_code') maxlength="4" @endif>
                            @error($key)
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    @endforeach

                    <div class="form-group text-center mt-4">
                        <button type="submit" class="btn btn-primary float-right">{{ __('doksid.profile.button.save') }}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    {{-- Account data --}}
    <div class="container-fluid mt-4">
        <div class="row">
            <div class="col-sm-12 col-md-6 mb-3 mb-md-0 pt-2">
                <h5>{{ __('doksid.profile.account.title') }}</h5>
                {{ __('doksid.profile.account.desc') }}
            </div>
            <div class="col-sm-12 col-md-6">
                <form method="POST" action="{{ route('dashboard.save_account_data') }}" class="accountData">
                    @csrf
                    @foreach ($accountData as $key => $value)
                    @if($loop->index == 0)
                        <div class="form-group pt-0 mb-3">
                            <label for="{{ $key }}" class="bmd-label-static pb-1">{{ $accountDataTitle[$loop->index] }}</label>
                            <input id="{{ $key }}" type="email" class="col-md-12 form-control @error($key) is-invalid @enderror" name="{{ $key }}" value="{{ $value }}" autocomplete="false" disabled>
                            @error($key)
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    @elseif($loop->index == 1 && Session::get('user')['justSocial'] == true) {{-- User logged in with social only - hidden password field --}}
                    @else
                        <div class="form-group pt-0 mb-3">
                            <label for="{{ $key }}" class="bmd-label-static pb-1">{{ $accountDataTitle[$loop->index] }}</label>
                            <input id="{{ $key }}" type="password" class="col-md-12 form-control @error($key) is-invalid @enderror" name="{{ $key }}" value="" autocomplete="false">
                            @error($key)
                                <span class="invalid-feedback" role="alert">
                                    <strong>
                                        {{ $message }}<br>
                                        
                                    </strong>
                                </span>
                            @enderror
                            @if ($key == 'newPassword')
                            <div class="alert alert-light p-0 mb-0 mt-1" role="alert">
                                {!! __('password.format.message') !!}
                            </div>
                            @endif
                        </div>
                    @endif
                    @endforeach

                    <div class="form-group text-center mt-4">
                        <button type="submit" class="btn btn-primary float-right">{{ __('doksid.profile.button.save') }}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    {{-- Account delete --}}
    <div class="container-fluid mt-4">
        <div class="row">
            <div class="col-sm-12 col-md-6 mb-3 mb-md-0">
                <h5>{{ __('doksid.profile.delete.title') }}</h5>
                {{ __('doksid.profile.delete.desc') }}
            </div>
            <div class="col-sm-12 col-md-6 align-self-center">
                <div class="text-center">
                    <button class="btn btn-red float-right" onclick="window.location='{{ route('delete_profile_view') }}'">{{ __('doksid.profile.delete.button') }}</button>
                </div>                
            </div>
        </div>
    </div>

</div>
@endsection

@section('title')
{{ __('meta.title.profile') }}
@endsection

@section('description')
{{ __('meta.description.profile') }}
@endsection

@push('scripts')
<script>
    $( document ).ready(function() {
        if ($(window).width() < 576) {
            $('html, body').animate({
                scrollTop: $("h3").offset().top
            }, 1500);
        }

        if($('.invalid-feedback').is(':visible')){
            $('html, body').animate({ scrollTop: $('.invalid-feedback').parent().offset().top-50}, 1500)
        }

        if($('.alert-success').is(':visible')){
            $('html, body').animate({ scrollTop: $('.alert-success').offset().top-50}, 1500)
        }

        if($('.alert-warning').is(':visible')){
            $('html, body').animate({ scrollTop: $('.alert-warning').offset().top-50}, 1500)
        }

        // Open Payment from email
        if( {{ $openPayment }} )
        {
           $( "#{{ $openPayment }}" ).click();

           $.removeCookie('receipt_id', { path: '/' });
        }
    });
</script>
@endpush