@extends('admin.layouts.app')
@section('title')
<title>{{ __('pages.appversion.title') }} &mdash; {{ config('app.name', 'Laravel') }}</title>
@endsection
@section('header-content')
<h1>{{ __('pages.appversion.title') }}</h1>
@include('admin.layouts.partials.breadcrumb-section')
@endsection
@section('content')
<div class="row">
    <div class="col-xl-12">
        <div class="contenttopbar">
            <ul class="d-flex align-content-center float-right assigned-order">
                <a href="{{ route('admin.app.version.add') }}"  class="btn btn-primary">
                    <i class="fas fa-plus"></i> {{ __('pages.appversion.add_title') }}
                </a>
            </ul>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-12 col-md-12 col-lg-12">
        <div class="card">
            <div class="card-body">
                @foreach ($lists as $key => $list)
                    @foreach ($list as $k => $items)
                        <h2 class="section-title">{{ config('months.' . $k) }} {{ $key }}</h2>
                        <div class="row">
                            <div class="col-12">
                                <div class="activities">
                                    @foreach ($items as $item)
                                    <div class="activity version_{{$item->id}}">
                                        <div class="activity-icon bg-primary text-white shadow-primary">
                                            <i class="fas fa-code-branch"></i>
                                        </div>
                                        <div class="activity-detail w-75">
                                            <div class="mb-2">
                                                <span class="text-job text-primary">{{ $item->created_time }}</span>
                                                <span class="badge badge-success">@if ($item->is_active) {{ __('forms.appversion.current') }}
                                                    @endif</span></a>
                                                <span class="bullet"></span>
                                                <a class="text-job" href="javascript:void(0)">{{ __('forms.appversion.android') }}: {{ $item->android }}
                                                    &nbsp;&nbsp;
                                                    <a class="text-job" href="javascript:void(0)">{{ __('forms.appversion.ios') }}: {{ $item->ios }}
                                                        &nbsp;&nbsp;
                                                        <div class="float-right dropdown">
                                                            <a href="javascript:void(0)" data-toggle="dropdown"><i class="fas fa-ellipsis-h"></i></a>
                                                            <div class="dropdown-menu">
                                                                <div class="dropdown-title">{{ __('forms.appversion.options') }}</div>
                                                                <a href="{!! route('admin.app.version.edit', $item->uuid) !!}"
                                                                    class="dropdown-item has-icon text-warning"><i class="fas fa-pencil-alt"></i> {{ __('forms.appversion.edit') }}
                                                                </a>
                                                                <div class="dropdown-divider"></div>
                                                                <a href="javascript:void(0)" class="dropdown-item has-icon text-danger" onclick='deleteRecord("{!! $item->uuid !!}")'><i class="fas fa-trash-alt"></i>{{ __('forms.appversion.delete') }}</a>
                                                            </div>
                                                        </div>
                                            </div>
                                            <p><b>{{ $item->title }}</b></p>
                                            <p>{{ $item->description }}</p>
                                        </div>
                                    </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    @endforeach
                @endforeach
            </div>
        </div>
    </div>
</div>

@endsection
@section('page-script')
<script>
function deleteRecord(id){
    var current = $(this);
    Swal.fire({
        title: commonMessages.areYouSure,
        text: commonMessages.youWantToDeleteThisVersion,
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',
        cancelButtonText: commonMessages.cancel,
        confirmButtonText: commonMessages.deleteYes
    }).then((result) => {
        if (result.isConfirmed) {
            $(".loaderWrap").css('display','block');
            $.ajax({
                method: "DELETE",
                url: baseUrl+"/admin/delete-app-version/"+id,
                data: {"_token": "{{csrf_token()}}"},
                success: function(res){
                    $(".loaderWrap").css('display','none');
                    if(res.status == 200){
                    $('.activities').load(location.href+" .activities>*","");
                        Swal.fire(commonMessages.deleted,res.message,'success');
                    }else{
                        Swal.fire(commonMessages.error,res.message,'error');
                    }
                }
            });
        }
    })
}
</script>
@endsection