@extends('layouts.app')

@section('content')
    <div class="w-2/5">
        <div class="card">
            <div class="card-head">
                <div class="font-semibold text-cyan-900 uppercase">
                    <i class="fal fa-percent mr-1"></i>
                    Taux
                </div>
                <div class="text-gray-600">
                    
                </div>
            </div>
            <div class="card-body">
                <x-alert></x-alert>
                <div class="card-content">
                    <form id="frmTaux" method="post" action="{{route('admin.cd.taux.store')}}">
                        @csrf
                        <div class="w-full space-y-3">
                            <div>
                                <div class="text-sm text-gray-500">Taux d'intérêt</div>
                                <div>
                                    <input type="number" name="taux" value="{{old('taux')}}" class="form-control" placeholder="Taux d'intérêt">
                                </div>
                                @error('taux')
                                <span class="text-red-500 text-sm">{{ $message }}</span>
                                @enderror
                            </div>
                            <div>
                                <div class="text-sm text-gray-500">Service</div>
                                <div>
                                    <select name="service" class="form-control">
                                        @foreach ($services as $key=>$service)
                                            <option value="{{$key}}">{{$service}}</option>                                            
                                        @endforeach
                                    </select>
                                </div>
                                @error('taux')
                                <span class="text-red-500 text-sm">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                    </form>
                </div>
                <div class="py-2">
                    <button class="msg-box-show btn btn-warning">
                        <i class="fal fa-save mr-1"></i>
                        Enregistrer
                    </button>

                    <a href="{{ route('admin.cd.taux.index') }}" class="inline-block btn btn-dark">
                        <i class="fal fa-times mr-1"></i>
                        Annuler
                    </a>
                </div>
            </div>
        </div>
    </div>

    <x-msg-box>
        <x-slot name="title">
            Taux d'intérêt
        </x-slot>
        Voulez vous réellement enregistrer ce taux ?
    </x-msg-box>

@endsection

@section('script')
    <script>

        document.getElementById("frmTaux").addEventListener("submit", function(e){
            e.preventDefault();
        });

        document.querySelector(".msg-box-show").addEventListener("click", function(e){
            e.preventDefault();
            Modal("#MsgBox", "show");
        })
        document.getElementById("btnYes").addEventListener("click", function(e){
            e.preventDefault();
            document.getElementById("frmTaux").submit();
        });

    </script>
@endsection