@extends('layouts.app')

@section('title')
    {{ __('Version History') }}
@endsection

@section('breadcrumb')
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark">
                        <i class="fas fa-code-branch"></i>
                        {{ __('Version History') }}
                    </h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('admin.index') }}">{{ __('Home') }}</a></li>
                        <li class="breadcrumb-item active">{{ __('Versions') }}</li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
@endsection

@section('content')
    @can('create_version')
        <button type="button" class="btn btn-primary mb-3" data-toggle="modal" data-target="#exampleModal">
            Add Version
        </button>

        <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Add Version</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <form action="{{ route('admin.versions.store') }}" method="post">
                        @csrf
                        <div class="modal-body">
                            <div class="form-group">
                                <label for="version">Version</label>
                                <input type="text" name="versions" id="version" class="form-control" required>
                            </div>

                            <div class="form-group">
                                <label for="description">Description</label>
                                <textarea class="form-control" name="description" id="" cols="30" rows="10" required></textarea>
                            </div>

                            <div class="form-group">
                                <label for="released_date">Released Date</label>
                                <input type="date" class="form-control" name="released_date" id="released_date" required>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                            <button type="submit" class="btn btn-primary">Save changes</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    @endcan

    @foreach ($versions as $version)
        <div class="card {{ $loop->first ? '' : 'collapsed-card' }}">
            <div class="card-header">
                <h3 class="card-title">{{ $version->version . ' (Released Date:' . date('F d, Y', strtotime($version->released_date)) . ')' }}</h3>
                <div class="card-tools">
                    @can('edit_version')
                        @if ($loop->first)
                            <button type="button" class="btn btn-warning btn-sm" data-toggle="modal" data-target="#editModal{{ $version->id }}">
                                Edit Version
                            </button>
                        @endif


                        <div class="modal fade" id="editModal{{ $version->id }}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h5 class="modal-title" id="exampleModalLabel">Edit Version {{ $version->version }}</h5>
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                            <span aria-hidden="true">&times;</span>
                                        </button>
                                    </div>
                                    <form action="{{ route('admin.versions.update', $version->id) }}" method="post">
                                        @csrf
                                        @method('PUT')
                                        <div class="modal-body">
                                            <div class="form-group">
                                                <label for="version">Version</label>
                                                <input type="text" name="versions" id="version" class="form-control" value="{{ $version->version }}" required>
                                            </div>

                                            <div class="form-group">
                                                <label for="description">Description</label>
                                                <textarea class="form-control" name="description" id="" cols="30" rows="10" required>{{ $version->description }}</textarea>
                                            </div>

                                            <div class="form-group">
                                                <label for="released_date">Released Date</label>
                                                <input type="date" class="form-control" name="released_date" id="released_date" value="{{ $version->released_date }}" required>
                                            </div>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                            <button type="submit" class="btn btn-primary">Save changes</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    @endcan


                    <button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fas {{ $loop->first ? 'fa-minus' : 'fa-plus' }}"></i></button>
                    <button type="button" class="btn btn-tool" data-card-widget="remove"><i class="fas fa-times"></i></button>
                </div>
            </div>
            <div class="card-body">
                <ul>
                    @foreach (explode(PHP_EOL, $version->description) as $item)
                        <li>{{ $item }}</li>
                    @endforeach
                </ul>
            </div>
        </div>
    @endforeach
@endsection