@extends('layouts.app')

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

@section('content')
    <div class="row">
        <div class="col-xl-12">
            <div class="card">
                <div class="card-body">
                    <div class="">

                        <div class="row">
                            <div class="col-sm-3">
                                <div class="nav flex-column nav-pills mb-3">
                                    @foreach($analyseCategories as  $category)
                                        <a href="#cat{{$category->id}}" data-bs-toggle="pill" class="nav-link @if($loop->index == 0) show @endif">{{$category->name}}</a>
                                    @endforeach

                                </div>
                            </div>
                            <div class="col-sm-9">
                                <div class="tab-content">
                                    @foreach($analyseCategories as  $cat)
                                        <div id="cat{{$cat->id}}" class="tab-pane fade @if($loop->index == 0)  show @endif">
                                            <h5>Liste des type de catégorie: <strong></strong></h5>
                                            <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>TID</th>
                                                            <th>Type de paramètre  d'analyse</th>
                                                            <th>Prix</th>
                                                            <th>Traitement </th>
                                                            <th>Status</th>
                                                            <th>Actions</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                        @foreach($analyseTypes->where('analyse_category_id', $cat->id) as $typeanalyse)
                                                            <tr>
                                                                <td><span>{{$typeanalyse->id}}</span></td>
                                                                <td><span>{{$typeanalyse->name}}</span></td>

                                                                <td><span>{{$typeanalyse->price}}</span></td>
                                                                <td><span class="text-primary">{{$typeanalyse->delivery_time}} {{$typeanalyse->delivery_time_unit}}</span></td>
                                                                <td><span class="badge light badge-success">Active</span></td>
                                                                <td class="d-flex">
                                                                    <a href="{{route('backoffice.settings.analysis.types.show', $typeanalyse->id)}}" class="btn btn-primary shadow btn-sm  me-1"><i class="fas fa-eye"></i> Détails </a>
                                                                </td>
                                                            </tr>


                                                        @endforeach
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach

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

    <div class="modal fade" id="add">
        <div class="modal-dialog modal-dialog-centered " role="document">
            <form action="{{route('backoffice.settings.analysis.types.store')}}" method="post">
                @csrf
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Formulaire d'ajout de type d'analyse</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 du type d'analyse</label>
                                    <input type="text" name="name" id="name" class="form-control" placeholder="">
                                </div>

                                <div class="mb-3 col-md-12">
                                    <label class="form-label" for="code">Code</label>
                                    <input type="text" name="code" id="code" class="form-control" placeholder="">
                                </div>

                                <div class="mb-3 col-md-6">
                                    <label class="form-label" for="analyse_category_id">Catégorie d'analyse</label>
                                    <select class="me-sm-2 default-select  form-control wide" name="analyse_category_id" id="analyse_category_id">
                                        <option selected>Choisir</option>
                                        @foreach($analyseCategories as  $anacat)
                                            <option value="{{$anacat->id}}">{{$anacat->name}}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="mb-3 col-md-6">
                                    <label class="form-label" for="price">Prix par défaut</label>
                                    <input type="number" min="1" name="price" id="price" class="form-control" placeholder="">
                                </div>

                                <div class="mb-3 col-md-6">
                                    <label class="form-label" for="delivery_time">Délais</label>
                                    <input type="number" min="1" name="delivery_time" id="delivery_time" class="form-control" placeholder="">
                                </div>

                                <div class="mb-3 col-md-6">
                                    <label class="form-label" for="delivery_time_unit">Durée</label>
                                    <select class="me-sm-2 default-select  form-control wide" name="delivery_time_unit" id="delivery_time_unit">

                                        @foreach($timings as  $key => $value)
                                            <option value="{{$value}}">{{$value}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="mb-3 col-md-4">
                                    <label class="form-label" for="number_of_b">Nombre de B</label>
                                    <input type="number"  name="number_of_b" id="number_of_b" class="form-control" placeholder="">
                                </div>

                                <div class="mb-3 col-md-4">
                                    <label class="form-label" for="amount_of_b">Prix du B</label>
                                    <input type="number"  name="amount_of_b" id="amount_of_b" class="form-control" placeholder="">
                                </div>

                                <div class="mb-3 col-md-4">
                                    <label class="form-label" for="billed_in">Facturé à base du:</label>
                                    <select class="me-sm-2 default-select  form-control wide" name="billed_in" id="billed_in">
                                        <option value="{{\App\Enums\AnalyseTypeBillMethod::PRICE->value}}">Prix par défaut</option>
                                        <option  value="{{\App\Enums\AnalyseTypeBillMethod::NOFB->value}}">Prix du B</option>
                                    </select>
                                </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 le type d'analyse</button>
                                </div>

                            </div>

                    </div>

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

@endsection

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