@inject('model', '\App\Modules\Materi\Entities\Materi')

@extends('backend.layouts.app')

@section('title', __('Update Materi'))

@section('content')
    <x-forms.patch :action="route('admin.materi.update', $materi)" enctype="multipart/form-data">
        <x-backend.card>
            <x-slot name="header">
                @lang('Update Materi')
            </x-slot>

            <x-slot name="headerActions">
                <x-utils.link class="card-header-action" :href="route('admin.materi.index')" :text="__('Cancel')" />
            </x-slot>

            <x-slot name="body">
                <div class="form-group row">
                    <label for="name" class="col-md-2 col-form-label">@lang('Nama Lengkap')</label>

                    <div class="col-md-10">
                        <input type="text"  name="name" class="form-control" placeholder="{{ __('Name') }}" value="{{ old('name') ?? $materi->name }}" maxlength="100" required />
                    </div>
                </div>

                <div class="form-group row">
                    <label for="name" class="col-md-2 col-form-label">@lang('File(s)')</label>

                    <div class="col-md-10">
                        <input type="file" name="file[]" multiple>
                    </div>
                </div>

                <div class="form-group row">
                    <label for="name" class="col-md-2 col-form-label">&nbsp;</label>

                    <div class="col-md-10">
                        @if($materi->files->count())
                        <p class="form-control-static"><strong><mark>{{ $materi->files->count() . ' File Exist(s)' }}</mark></strong></p>
                        <table class="table table-responsive-sm table-bordered">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>File</th>
                                    <th>Created At</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($materi->files as $key => $file)
                                <tr>
                                    <td>{{ ($key+1) }}</td>
                                    <td>{{ $file->file_name }}</td>
                                    <td>{{ $file->created_at }}</td>
                                    <td>
                                        <a class="btn btn-sm btn-info mfe-1 d-print-none" href="{{ route('admin.materi.download', $file->id) }}"><i class="c-icon cil-cloud-download"></i></a>
                                        <a class="btn btn-sm btn-danger mfe-1 d-print-none" data-method="delete" href="{{ route('admin.materi.deletefile', [$materi->id, $file->id]) }}"><i class="c-icon cil-trash"></i></a>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                        
                        @endif
                    </div>
                </div>
            </x-slot>

            <x-slot name="footer">
                <button class="btn btn-sm btn-primary float-right" type="submit">@lang('Update Materi')</button>
            </x-slot>
        </x-backend.card>
    </x-forms.patch>
@endsection