@extends('view.admin.layouts.app')
@section('tagmenu')
    {{ucwords($nametag)}}
@endsection
@section('content')
	<main class="col-md-12" role="main">
		<div class="row mb-5">
			<div class="col-md-12">
				<div class="card">
                    <div class="card-title" style="padding-top: 30px;">
                        <div class="container-title" style="padding: 0px 20px;">
                        <div class="title-page" style="font-size: 20px;font-weight: bold;">
                            @yield('tagmenu')
                        </div>
                        <hr>
                        <div class="button-list">
                            @yield('button')
                        </div>
                        </div>
                    </div>
					<div class="card-body">
						<div class="row">
							<div class="col-lg-12 table-responsive">
        						@php
                                $no = 1;
                                @endphp
                                <table class="table" id="tabledata">
                                    <thead>
                                        <tr>
                                        <th>No</th>
                                        <th>Filename</th>
                                        <th>Extension</th>
                                        <th>Model</th>
                                        <th>Data</th>
                                        <th>Created At</th>
                                        <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($datas as $data)
                                        <tr>
                                            <td>{{ $no++ }}</td>
                                            <td>{{ $data->filename }}</td>
                                            <td>{{ $data->extension }}</td>
                                            <td>{{ $data->file_type }}</td>
                                            <td>
                                                {{ $data->file->count() > 0 ? 'File Used' : 'File not Used' }}
                                            </td>
                                            <td>{{ \Carbon\Carbon::parse($data->created_at)->toFormattedDateString() }}</td>
                                            <td>
                                                @if ($data->file->count() == 0)
                                                    {!! Form::open(['route' => [$status.'.destroy', $data->id], 'method' => 'delete']) !!}
                                                    {!! Form::button('Delete', ['type' => 'submit', 'class' => 'btn btn-danger', 'style'=>'width:100px;margin-top:7px;', 'onclick' => "return confirm('Are you sure?')"]) !!}
                                                    {!! Form::close() !!}
                                                @else
                                                    <button disabled class="btn btn-danger">Delete</button>
                                                @endif
                                            </td>
                                        </tr>
                                        @empty
                                        <tr colspan='5'>
                                            <td>Data Kosong</td>
                                        </tr>
                                        @endforelse
                                    </tbody>
                                </table>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</main>
@endsection
@section('styles')
  <link rel="stylesheet" href="{{ asset('externalasset/dataTables.bootstrap4.min.css') }}">
@endsection
@section('scripts')
  <script src="{{ asset('externalasset/jquery.dataTables.min.js') }}" charset="utf-8"></script>
  <script src="{{ asset('externalasset/dataTables.bootstrap4.min.js') }}" charset="utf-8"></script>
  <script type="text/javascript">
    $(document).ready(function() {
      $('#tabledata').DataTable();
    } );
  </script>
@endsection