@extends('layouts.app')

@section('btn')
    <button type="button" class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#add">Ajouter un article</button>
@endsection

@section('content')
    <div class="row">
        <div class="col-xl-12">
            <div class="card">
                <div class="card-body p-0">
                    <div class="table-responsive active-projects style-1">

                        <div class=" card-body table-responsive">
                            <table id="example" class="display table" style="min-width: 845px">
                                <thead>
                                <tr>
                                    <th>FID</th>
                                    <th>Image</th>
                                    <th>Nom de l'articles</th>
                                    <th>Prix</th>
                                    <th>Expiration</th>
                                    <th>Stock</th>
                                    <th>Catégorie</th>
                                    <th>Actions</th>
                                </tr>
                                </thead>
                                <tbody>
                                    @foreach($items as $article)
                                        <tr>
                                            <td><span>{{$article->id}}</span></td>
                                            <td><img src="{{asset($article->image ?? 'no-image.png')}}" style="width: 40px"></td>
                                            <td><span>{{$article->name}}</span></td>
                                            <td><span>{{$article->price}}</span></td>
                                            <td><span class="text-primary">@if($article->expiration_date)
                                                        {{$article->expiration_date->format('d-m-Y')}}
                                                    @endif</span></td>
                                            <td><span class="text-primary">{{$article->stock}}</span></td>
                                            <td><span>{{$article->category->name ?? "-"}}</span></td>
                                            <td >

                                                <a href="{{route('backoffice.items.show', $article->id)}}" class="btn btn-primary shadow btn-sm  me-1"><i class="fas fa-eye"></i> Détails ({{$article->id}}) </a>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="add">
        <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
            <form action="{{route('backoffice.items.store')}}" method="post"> @csrf
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Formulaire d'ajout d'article'</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal">
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="row">

                            <div class="mb-3 col-md-12">
                                <label class="form-label" for="name">Nom de l'article</label>
                                <input type="text" name="name" id="name" class="form-control" placeholder="">
                            </div>
                            <div class="mb-3 col-md-6">
                                <label class="form-label" for="item_category_id">Catagorie d'article</label>
                                <select class="me-sm-2 default-select  form-control wide" name="item_category_id" id="item_category_id">
                                    <option selected>Choisir</option>
                                    @foreach(categories() as $categorie)
                                        <option value="{{$categorie->id}}">{{$categorie->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="mb-3 col-md-6">
                                <label class="form-label" for="price">Prix</label>
                                <input type="text" name="price" id="price" class="form-control" placeholder="">
                            </div>


                            <div class="mb-3 col-md-6">
                                <label class="form-label" for="warning_threshold">Seuil d'alerte</label>
                                <input type="number" value="5" min="1" name="warning_threshold" id="warning_threshold" class="form-control" placeholder="">
                            </div>
                            <div class="mb-3 col-md-6">
                                <label class="form-label" for="image">Image de l'article</label>
                                <input type="file" name="image" id="image" class="form-control" placeholder="">
                            </div>
                            <div class="mb-3 col-md-12">
                                <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Annuler</button>
                                <button type="submit" class="btn btn-success">Ajouter l'article</button>
                            </div>

                        </div>

                    </div>

                </div>
            </form>
        </div>
    </div>



@endsection

@section('scripts')
    @include('layouts.plugins.scripts.datatable')
@endsection