@extends('admin.layouts.admin-master')
@section('page-title')
    {{__('Release Manage')}}
@endsection
@section('content')
    <div class="dashboard__inner__item dashboard__card bg__white padding-20 radius-10 margin-30">
        <div class="dashboard__card__header d-flex justify-content-between">
            <h4 class="dashboard__card__header__title">Release Manage</h4>
            <div>
                <a href="#0" data-target="addStaffModal" data-toggle="modal" class="cmnBtn btn_outline_blue radius-5"
                   data-text="Create Staff"><span>Create Release</span></a>
            </div>
        </div>
        <div class="mt-4 mb-4">
            <x-admin.flash-msg.error/>
            <x-admin.flash-msg.msg/>
        </div>
        <div class="tableStyle_one mt-4">
            <div class="table_wrapper">
                <table>
                    <thead>
                    <tr>
                        <th>ID</th>
                        <th>Version</th>
                        <th>Date</th>
                        <th>Action</th>
                    </tr>
                    </thead>
                    <tbody>
                    @forelse($releaseNotices as $data)
                        <tr>
                            <td>{{$data->id}}</td>
                            <td>{{$data->version}}</td>
                            <td>{{$data->created_at->format('d-M-Y')}}</td>
                            <td>

                                <div class="dropdown custom__dropdown">
                                    <button class="dropdown-toggle" type="button" id="dropdownMenuButton1"
                                            data-bs-toggle="dropdown" aria-expanded="false">
                                        <i class="las la-ellipsis-h"></i>
                                    </button>
                                    <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuButton1">
                                        <li>
                                            <x-admin.delete-popover url="{{route('releases.destroy',$data->id)}}"/>
                                        </li>
                                    </ul>
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="5">not data found</td>
                        </tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="popup_fixed modal_normal__fixed" id="addStaffModal">
        <div class="popup_contents">
            <div class="popup_contents__header">
                <div class="popup_contents__header__flex">
                    <div class="popup_contents__header__contents">
                        <h2 class="popup_contents__header__title">New Release</h2>
                    </div>
                    <div class="popup_contents__header__close">
                        <span class="popup_contents__close popup_close"> <i class="las la-times"></i> </span>
                    </div>
                </div>
            </div>
            <div class="popup_contents__body">
                <form action="{{route('releases.store')}}" method="post">
                    @csrf
                    <div class="form__input__single">
                        <label for="version" class="form__input__single__label">Version</label>
                        <input type="text" id="version" name="version" class="form__control radius-5"
                               placeholder="version...">
                    </div>
                    <div class="btn__wrapper form__input__single">
                        <button type="submit" class="cmn_btn btn_bg_1 btn_small radius-5">Submit</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection
@section('scripts')
    <script>
        (function ($) {
            "use strict";

        })(jQuery);
    </script>
@endsection