@extends('admin.layouts.master')

@section('page_title')
    {{ __('admin.tidings.title') }}
@endsection

@section('head')
@endsection

@section('content-wrapper')

<div class="container-fluid">
    <div class="row m-4">
        <h2>{{ __('admin.tidings.title') }}</h2>
    </div>

    <div class="row d-flex justify-content-end m-4">
        <a href="{{ route('admin.tidings.create') }}" class="btn btn-primary">{{ __('admin.tidings.form.btn-create') }}</a>
    </div>


    <div class="row">
        
        <table class="table table-striped table-hover">
            <thead>
                <tr>
                    <th scope="col">ID</th>
                    <th scope="col">{{ __('admin.tidings.form.title') }}</th>
                    <th scope="col">{{ __('admin.tidings.form.publish-date') }}</th>
                    <th scope="col">{{ __('admin.tidings.form.status') }}</th>
                    <th scope="col">{{ __('admin.tidings.form.created-at') }}</th>
                    <th scope="col"></th>
                </tr>
            </thead>
            <tbody>
                
                @foreach ($tidings as $tiding)
                <tr>
                    <th scope="row">{{ $tiding->id }}</th>
                    <td>{{ $tiding->translate(app()->getLocale())['title'] }}</td>
                    <td>{{ $tiding->publish_date }}</td>
                    <td>
                        @if($tiding->status)
                        <span class="badge badge-success">{{ __('admin.tidings.form.status-active') }}</span>
                        @else
                        <span class="badge badge-danger">{{ __('admin.tidings.form.status-inactive') }}</span>
                        @endif
                    </td>
                    <td>{{ $tiding->created_at }}</td>
                    <td>
                        <a class="delete btn btn-danger" href="{{ route('admin.tidings.delete', $tiding->id) }}"><i class="fa fa-trash"></i></a>
                        <a class="btn btn-light" href="{{ route('admin.tidings.edit', $tiding->id) }}"><i class="fa fa-pencil"></i></a>
                    </td>
                </tr>    
                @endforeach
                    
                
            </tbody>
        </table>

    </div>
</div>

@endsection

@push('scripts')
<script>

$(document).ready(function () {
    $('.delete').click(function () {
        if (!confirm('Are you sure?')) return false;
    });
});

</script>
@endpush