@extends('admin.main')

@section('main')
    <div class="card">
        <!--begin::Card header-->
        <div class="card-header">
            <!--begin::Card title-->
            <div class="card-title fs-3 fw-bolder">Editar Treinamento</div>
            <!--end::Card title-->
        </div>
        <!--end::Card header-->
        <!--begin::Form-->
        <form enctype="multipart/form-data" method="POST" action={{ route('admin.treinamentos.create.action') }}
            class="form fv-plugins-bootstrap5 fv-plugins-framework" novalidate="novalidate">
            @csrf
            <!--begin::Card body-->
            <div class="card-body p-9">

                <!--begin::Row-->
                <div class="row mb-8">
                    <!--begin::Col-->
                    <div class="col-xl-3">
                        <div class="fs-6 fw-bold mt-2 mb-3">Nome do Treinamento</div>
                    </div>
                    <!--end::Col-->
                    <!--begin::Col-->
                    <div class="col-xl-9 fv-row fv-plugins-icon-container">
                        <input type="text" class="form-control form-control-solid" name="nome"
                            value="{{ $treinamento->nome }}">
                        <div class="fv-plugins-message-container invalid-feedback"></div>
                    </div>
                </div>
                <!--end::Row-->
                <!--begin::Row-->
                <div class="row mb-8">
                    <!--begin::Col-->
                    <div class="col-xl-3">
                        <div class="fs-6 fw-bold mt-2 mb-3">Descrição</div>
                    </div>
                    <!--end::Col-->
                    <!--begin::Col-->
                    <div class="col-xl-9 fv-row fv-plugins-icon-container">
                        <input type="text" class="form-control form-control-solid" name="descricao"
                            value="{{ $treinamento->descricao }}">
                        <div class="fv-plugins-message-container invalid-feedback"></div>
                    </div>
                </div>
                <!--end::Row-->

                <!--begin::Row-->
                <div class="row mb-8">
                    <!--begin::Col-->
                    <div class="col-xl-3">
                        <div class="fs-6 fw-bold mt-2 mb-3">Slug</div>
                    </div>
                    <!--end::Col-->
                    <!--begin::Col-->
                    <div class="col-xl-9 fv-row fv-plugins-icon-container">
                        <input value="{{ $treinamento->slug }}" type="text" class="form-control form-control-solid"
                            name="slug" id="category_slug" readonly>
                        <div class="fv-plugins-message-container invalid-feedback"></div>
                    </div>
                </div>
                <!--end::Row-->

            </div>
            <!--end::Card body-->
            <!--begin::Card footer-->
            <div class="card-footer d-flex justify-content-end py-6 px-9">
                <button type="submit" class="btn btn-primary" id="kt_project_settings_submit">Save</button>
            </div>
            <!--end::Card footer-->
        </form>
    </div>

    <div class="card mt-8">
        <!--begin::Card header-->
        <div class="card-header">
            <!--begin::Card title-->
            <div class="card-title fs-3 fw-bolder">Adicionar Arquivos</div>
            <!--end::Card title-->
        </div>
        <!--end::Card header-->
        <!--begin::Form-->
        <form enctype="multipart/form-data" method="POST"
            action={{ route('admin.treinamentos.arquivos.novo', $treinamento->id) }}
            class="form fv-plugins-bootstrap5 fv-plugins-framework" novalidate="novalidate">
            @csrf
            <!--begin::Card body-->
            <div class="card-body p-9">
                <!--begin::Row-->
                <div class="row mb-8">
                    <!--begin::Col-->
                    <div class="col-xl-3">
                        <div class="fs-6 fw-bold mt-2 mb-3">Nome do Arquivo</div>
                    </div>
                    <!--end::Col-->
                    <!--begin::Col-->
                    <div class="col-xl-9 fv-row fv-plugins-icon-container">
                        <input type="text" class="form-control form-control-solid" name="nome_arquivo">
                        <div class="fv-plugins-message-container invalid-feedback"></div>
                    </div>
                </div>
                <!--end::Row-->
                <!--begin::Row-->
                <div class="row mb-8">
                    <!--begin::Col-->
                    <div class="col-xl-3">
                        <div class="fs-6 fw-bold mt-2 mb-3">Arquivo</div>
                    </div>
                    <!--end::Col-->
                    <!--begin::Col-->
                    <div class="col-xl-9 fv-row fv-plugins-icon-container">
                        <input type="file" class="form-control form-control-solid" name="arquivo">
                        <div class="fv-plugins-message-container invalid-feedback"></div>
                    </div>
                </div>
                <!--end::Row-->
            </div>
            <!--end::Card body-->
            <!--begin::Card footer-->
            <div class="card-footer d-flex justify-content-end py-6 px-9">
                <button type="submit" class="btn btn-primary" id="kt_project_settings_submit">Salvar Arquivo</button>
            </div>
            <!--end::Card footer-->
        </form>
    </div>

    <div id="kt_app_content_container" class=""">

        <!--begin::Toolbar-->
        <div class="d-flex flex-wrap flex-stack my-5">
            <!--begin::Heading-->
            <h3 class="fw-bold my-2">Arquivos do treinamento
                <span class="fs-6 text-gray-400 fw-semibold ms-1">{{count($treinamento->arquivos)}}</span>
            </h3>
            <!--end::Heading-->
            <!--begin::Controls-->

        </div>
        <!--end::Toolbar-->
        <!--begin::Row-->
        <div class="row g-6 g-xl-9 mb-6 mb-xl-9">

            @foreach ($treinamento->arquivos as $arquivo)
                <div class="col-md-6 col-lg-4 col-xl-3">
                    <div class="card h-100">
                        <div class="card-body d-flex justify-content-center text-center flex-column p-8">
                            <a target="_blank" href="{{asset('storage/'.$arquivo->caminho_arquivo)}}"
                                class="text-gray-800 text-hover-primary d-flex flex-column">
                                <div class="symbol symbol-60px mb-5">
                                    {{-- <img src="{{asset('admin/media/svg/files/pdf.svg')}}" class="theme-light-show" alt="" /> --}}
                                    <img src="{{ asset('admin/media/svg/files/pdf-dark.svg') }}" class="theme-dark-show"
                                        alt="" />
                                </div>
                                <div class="fs-5 fw-bold mb-2">{{ $arquivo->nome_arquivo }}</div>
                            </a>
                            <div class="fs-7 fw-semibold text-gray-400"></div>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>

    </div>
@endsection

@push('js')
    <script src="{{ asset('admin/js/myCustomCategory.js') }}"></script>
    <script>
        category.init()
    </script>
@endpush