@extends('layouts.admin.app')

@section('content')

<div class="center-container">
        <div class="admin-box full-width">
            <div class="container">
                <div class="admin-title">
                    <h2>
                        <img src="{{ asset($path.$activityprovider->logo)}}">
                        <b>{{$activityprovider->name}}</b>
                    </h2>
                    <div class="title-name-logo">
                        VADSØ KOMMUNE <img src="{{asset('images/vads-logo.png')}}">
                    </div>
                </div>
                <div class="activity-details full-width">
                    <div class="row">
                        <div class="activity-details-left col-md-6">
                        <div class="activity-details-img">
                            <!-- <div class="activity-details-img" style="background-image:url({{ asset($path.$activityprovider->provider_image)}})"> -->
                            <img src="{{ asset($path.$activityprovider->provider_image)}}">
                        </div>
                            <div class="activity-details-img-info">
                                <h3>
                                    <label for="">Kontaktperson</label> {{$activityprovider->contact_name}}
                                </h3>
                                <span><b>E-post</b> : {{$activityprovider->contact_email}}</span>
                                <span><b>Telefon</b> : {{$activityprovider->contact_phone}}</span>
                            </div>
                        </div>
                        <div class="activity-details-right col-md-6">
                            @if(count($subunit)>0)
                            <a href="{{ route('activity.create.without.subunit',$activityprovider->id) }}" class="primary-btn float-right w-auto sub-btn mb-2 @if(count($subunit)>0)  @endif"><img src="{{asset('images/plus-icon-sm.svg')}}">Legg til aktivitet</a>
                            @else
                            <a href="javascript:void(0)" class="primary-btn float-right w-auto sub-btn mb-2  subunitAdd "><img src="{{asset('images/plus-icon-sm.svg')}}">Legg til aktivitet</a>
                            @endif
                            <div class="clearfix"></div>
                            <a href="{{ route('activityprovider.edit',$activityprovider->id) }}"" class="primary-btn float-right w-auto sub-btn"><img src="{{asset('images/edit-icon-white.svg')}}">{{trans('activity.edit_activity_provider')}}</a>

                        </div>
                    </div>
                    <div class="clearfix"></div>
                    <div class="row">
                        <div class="activity-details-info-left col-md-6">
                            {!! nl2br($activityprovider->description) !!}
                        </div>
                        <div class="activity-details-info-right col-md-6">
                            <h3>Underenheter</h3>
                            <div class="full-width activity-info-details-list">
                                @foreach ($subunit as $key=>$value)
                                    <a href="{{ route('activity.index',$value->id) }}">
                                        <b>{{ $value->title }}</b>
                                        <span>Se/opprett aktiviteter</span>
                                    </a>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <div class="modal fade center-popup sm-popup" id="alertModal" tabindex="-1" role="dialog" aria-labelledby="login-popup" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title"></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                    <div class="modal-body">
                        <p class="main_text"></p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="primary-btn sub-btn" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">Ok</span></button>
                    </div>
            </div>
        </div>
    </div>

    @section('script')
    <script>
        $(document).ready(function () {
            $(".subunitAdd").click(function(){
                var title = "{{ trans('activity.confirmation') }}";
                var text1 = '{{ trans("activity.You_dont_have_any_Subunit_to_create_Activity",[ "id" => $activityprovider->id]) }}';
                var url = "{{ url('admin/activityprovider/'.$activityprovider->id.'/edit#activityProviderDiv') }}";
                $('#alertModal').find('.modal-title').text(title);
                $('#alertModal').find('.main_text').html("Du har ingen underenhet for å lage aktivitet. <br> <a href='"+url+"'> Klikk her </a> for å legge til underenhet.");
                $('#alertModal').modal('show');
            });
        });
    </script>
@endsection