@extends('admin.main')

@section('element')
    <div class="card w-4/5">
        <div class="card-head">
            <div class="font-semibold text-cyan-900 uppercase">
                <i class="fal fa-swatchbook mr-1"></i>
                Produit de crédit
            </div>
            <div class="space-x-2 text-gray-500">
                <a href="{{route('admin.cd.produit.create')}}" class="hover:text-orange-500" title="Liste des employés">
                    <i class="fal fa-plus fa-lg"></i>
                </a>
                <a href="{{route('admin.cd.produit.edit', $produit->id_produit)}}" class="hover:text-orange-500" title="Liste des employés">
                    <i class="fal fa-edit fa-lg"></i>
                </a>
                <a id="btnDelete" href="#" class="hover:text-orange-500" title="Liste des employés">
                    <i class="fal fa-trash-alt fa-lg"></i>
                </a>
                <a href="{{route('admin.cd.produit.index')}}" class="hover:text-orange-500" title="Liste des employés">
                    <i class="fal fa-list fa-lg"></i>
                </a>
            </div>
        </div>
        <div class="card-body">
            <x-alert/>
            <div class="card-content">
                <div class="flex flex-col space-y-4">
                    <div class="flex flex-col md:w-full lg:flex-row  lg:flex-wrap">
                        <div class="w-full lg:w-2/4 pr-3 mb-2">
                            <x-show>
                                <x-slot name="label">
                                    Code produit
                                </x-slot>
                                {{$produit->id_produit}}
                            </x-show>
                        </div>
                        @foreach ($fields as $name => $attribue)
                        <div class="w-full lg:w-2/4 pr-3 mb-2">
                            <x-show>
                                <x-slot name="label">
                                    {{ !empty($attribue->label) ? $attribue->label : $name }}
                                </x-slot>
                                @switch($attribue->type)
                                    @case('date')
                                        {{(new DateTime($attribue->value))->format('d/m/Y')}}
                                        @break
                                    @case('select')
                                            @if(key_exists((string)$attribue->value,$attribue->options))
                                                {{$attribue->options[(string)$attribue->value]}}
                                            @else
                                                {{ $attribue->value }}
                                            @endif
                                        @break
                                    @case('money')
                                        {{ App\Lib\Format::number($attribue->value)}}
                                        @break
                                    @default
                                    {{$attribue->value}}
                                @endswitch
                            </x-show>
                        </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>
    {{-- <x-msg-box>
        <x-slot name="title">
            Contrat de prêt
        </x-slot>
        Voulez vous réellement autoriser le déblocage de ce prêt ?
    </x-msg-box> --}}
    <x-form-modal :frmModal="'frmModalProduit'">
        <x-slot:title>Produit</x-slot>
        <div>
            Voulez vous réellement supprimer ce produit ?
        </div>
        <form id="frmProduit" method="post" action="{{route('admin.cd.produit.destroy', $produit->id_produit)}}">
            @csrf
        </form>
        <x-slot:footer>
            <div class="flex items-center justify-center w-full space-x-3">
                <button id="btnValide" class="btn btn-warning">
                    <i class="fal fa-check mr-1"></i>
                    OK
                </button>
                <button id="btnNo" class="btn btn-dark btn-modal-close">
                    <i class="fal fa-times mr-2"></i>
                    Non
                </button>
            </div>
        </x-slot>
    </x-form-modal>
@endsection

@section('script')

    <script>
        document.getElementById("btnDelete").addEventListener("click", function(e){
            e.preventDefault();
            Modal("#frmModalProduit", "show");
        })
        document.getElementById("btnValide").addEventListener("click", function(e){
            e.preventDefault();
            document.getElementById("frmProduit").submit();
        });
    </script>

@endsection