@extends('layouts.layout-2')

@section('content')
    <h4 class="font-weight-bold py-2 mb-2 d-flex justify-content-between align-items-center w-100 ">
        <div>{{ __('navigation.my_homeparty') }} / {{ __('navigation.overview') }}</div>
        <a href="{{route('user_homeparty_detail', ['new'])}}" class="btn btn-secondary rounded-pill d-block float-right"><span class="ion ion-md-add"></span>&nbsp; {{ __('homeparty.create_new_homeparty') }} </a>
    </h4>

    <div class="row">
        <div class="col-12">

            @foreach($homepartys as $homeparty)
            <div class="card mb-4">
                <div class="card-body d-flex justify-content-between align-items-start pb-2">
                    <div>
                        <a href="{{route('user_homeparty_detail', [$homeparty->id])}}" class="text-body text-big font-weight-semibold">{{$homeparty->name}}</a>
                        @if($homeparty->completed)
                             <span class="badge badge-secondary align-text-bottom ml-1">{{ __('homeparty.completed') }} </span>
                        @endif
                    </div>
                    @if(!$homeparty->completed)
                    <div class="btn-group project-actions">
                        <a href="{{ route('user_homeparty_delete', ['hp', $homeparty->id]) }}"
                            class=" dropdown-item" onclick="return confirm('{{ __('homeparty.homeparty_delete_really') }}');">
                             <span class="ion ion-md-trash text-danger"></span>
                         </a>
                    </div>
                     @endif
                 </div>
                 <div class="progress rounded-0" style="height: 2px;">
                     <div class="progress-bar" style="width: 100%;"></div>
                 </div>
                <div class="card-body pt-1 pb-3">
                    {{$homeparty->getLangOrDefault('description', false)}}
                </div>
                <div class="card-body pt-0">
                    <div class="row">
                        <div class="col">
                            <div class="text-muted small">{{ __('order.date') }}</div>
                            <div class="font-weight-bold">{{$homeparty->date}}</div>
                        </div>
                        <div class="col">
                            <div class="text-muted small">{{ __('homeparty.event_place') }} </div>
                            <div class="font-weight-bold">{{$homeparty->place}} / @if($homeparty->country) {{ $homeparty->country->getLocated() }} @endif</div>
                        </div>
                        <div class="col">
                            <div class="text-muted small">{{ __('homeparty.guests') }}</div>
                            <div class="font-weight-bold">{{$homeparty->homeparty_guests->count()}}</div>
                        </div>
                        <div class="col">
                            <div class="text-muted small">{{ __('order.turnover') }}</div>
                            <div class="font-weight-bold">@if(isset($homeparty->order['price'])){{Util::formatNumber($homeparty->order['price'])}}@endif</div>
                        </div>
                        <div class="col">
                            <div class="text-muted small">{{ __('order.points') }}</div>
                            <div class="font-weight-bold">@if(isset($homeparty->order['points'])){{$homeparty->order['points']}}@endif</div>
                        </div>
                    </div>
                </div>
                @if(!$homeparty->completed && $homeparty->step >= 10)
                <hr class="m-0">
                <div class="card-body py-3">
                    <div class="form-group mb-0">
                        <label  class="form-label">{{ __('homeparty.invitation_link_for_guests') }} <span class="text-muted"> ({{ __('homeparty.let_your_guests_fill_in_their_own_details') }}l)</span></label>
                        <div class="input-group">
                            <span class="input-group-prepend">
                            <button class="btn btn-sm btn-secondary" type="button" title="{{ __('homeparty.copy') }}" data-clipboard-demo data-clipboard-target="#homeparty_link_{{$homeparty->id}}"><i class="ion ion-ios-copy"></i> {{ __('homeparty.copy_link') }}</button>
                            </span>
                            <input type="text" class="form-control" name="homeparty_link_{{$homeparty->id}}" value="{{ $homeparty->getTokenLink() }}" id="homeparty_link_{{$homeparty->id}}" placeholder="">
                        </div>
                    </div>
                </div>
                @endif
                <hr class="m-0">
                <div class="card-body py-3">
                    <div class="d-flex flex-wrap">
                        @if(!$homeparty->completed)
                    
                            <a href="{{route('user_homeparty_detail', [$homeparty->id])}}" class="btn btn-secondary mr-2 mb-2"><i class="ion ion-ios-cog"></i> {{ __('homeparty.manage') }}</a>
                            @if($homeparty->step < 10)
                            <div class="alert alert-danger py-1">{{ __('homeparty.create_delivery_address_host_info') }} <a href="{{route('user_homeparty_detail', [$homeparty->id])}}"><i class="ion ion-ios-cog"></i> {{ __('homeparty.manage') }}</a> {{ __('homeparty.create_guests_info') }} </div>
                            @else
                            <a href="{{route('user_homeparty_guests', [$homeparty->id])}}" class="btn btn-secondary mr-2 mb-2"><i class="ion ion-md-contacts"></i> {{ __('homeparty.guest_lists') }}</a>
                            <a href="{{ route('user_homeparty_guest_detail', [$homeparty->id, 'new']) }}" class="btn btn-secondary mr-2 mb-2"><i class="ion ion-md-person-add"></i> {{ __('homeparty.create_guest') }}</a>
                            <a href="{{route('user_homeparty_order', [$homeparty->id])}}" class="btn btn-secondary mr-2 mb-2"><i class="ion ion-md-basket"></i> {{ __('homeparty.order') }}</a>
                            @endif
                        @else
                            <a href="{{route('user_homeparty_guests', [$homeparty->id])}}" class="btn btn-secondary mr-2 mb-2"><i class="ion ion-md-contacts"></i> {{ __('homeparty.guest_lists') }}</a>
                            <a href="{{route('user_homeparty_order', [$homeparty->id])}}" class="btn btn-secondary mr-2 mb-2"><i class="ion ion-md-basket"></i> {{ __('homeparty.order_show') }}</a>
                        @endif
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
    <script>
        $( document ).ready(function() {
            var clipboardDemos = new ClipboardJS('[data-clipboard-demo]');
            clipboardDemos.on('success', function (e) {
                e.clearSelection();
                $(e.trigger).tooltip('enable').tooltip('show');
            });
            clipboardDemos.on('error', function (e) {
                console.error('Action:', e.action);
                console.error('Trigger:', e.trigger);
            });

            $('button[data-clipboard-demo]').on('mouseout', function () {
                $(this).tooltip('disable');
            })
        });
    </script>
@endsection