@extends('layouts.master')

@section('content')

    <div class="container-fluid">
        
            @if (session()->has('success'))
        <div class="alert alert-success" role="alert">
            {{ session('success')}}
        </div>
        @endif
        
        

    <div class="card shadow mb-4">
    <div class="card-header py-3 bg-gradient-primary form-inline justify-content-center">
        <h6 class="m-0 font-weight-bold text-primary">Tambah Product Profile</h6>
    </div>
    <div class="col-lg-8">
        <div class="d-flex mb-3">
            @if ($profiles != NULL)
                <div class="alert alert-warning text-center" style= " left: 160px; top: 20px;" role="alert">
                    Anda perlu menghapus file product profile sebelumnya, sebelum menambahkan yang baru.
                </div>
            @else
            <form method="POST" action="/product-profile-tambah" enctype="multipart/form-data">
                @csrf
                <br>
                <div class="mb-3">
                    <label for="file_product_profile" class="form-label">File Profile Product</label>
                    <input type="file" class="form-control name @error('file_product_profile') is-invalid @enderror" id="file_product_profile" name="file_product_profile" value="{{ old('file_product_profile') }}">
                    @error('file_product_profile')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                    @enderror
                </div>
                <div class="mb-3">
                    <label for="Konten" class="form-label @error('Konten') is-invalid @enderror">Versi</label>
                    <input type="text" name="versi" value="{{ old('versi') }}" class="form-control name @error('file_product_profile') is-invalid @enderror">
                    @error('versi')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                    @enderror
                </div>
                <button type="submit" class="btn btn-primary">Tambah Product Profile</button>
            </form>
            @endif
        </div>
    </div>
    <br>
</div>

    
        <div class="card shadow mb-4">
            <div class="card-header py-3 form-inline justify-content-between bg-gradient-primary">
                <h6 class="m-0 font-weight-bold text-primary">Data Product Profile Orbit360</h6>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-bordered text-center" id="dataTable" width="100%" cellspacing="0">
                        <thead>
                            <tr>
                                <th>File</th>
                                <th>Versi</th>
                                <th>Aksi</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if ($profiles != NULL)
                            @foreach ($profiles as $profile)
                            <tr>
                                <td>{{($profile['file_product_profile'])}}</td>  
                                <td>{{($profile['versi'])}}</td>
                                <td><form action="{{"delete_product_profile/".$profile['id']}}" class="d-inline">
                                <button type="submit" class="btn btn-danger" onclick="return confirm('Anda yakin ingin menghapus ? ')">Delete</button>
                                </form>
                
                                <a href="{{"details_product_profile/".$profile['id']}}" class="btn btn-secondary">Lihat Product Profile</a> </td>                       
                            </tr>
                            @endforeach
                            @else
                            <tr>
                                <td>-</td>  
                                <td>-</td>
                                <td>-</td>                       
                            </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection