@extends('layouts.master')
@section('breadcrumb')
@include('components.breadcrumb',['breadcrumbs' => [
[
'name'  => __("dashboard"),
'url'   => route("home"),
]
], 'active' =>  __(@$title)])
@endsection
@section('content')
    <style>
        .bg-primary {
            background: linear-gradient(90deg, #fff, #fff) !important;
        }
    </style>
    <div class="body-wrapper">
        <div class="dashboard-area mt-10">
            <div class="dashboard-header-wrapper">
                <h3 class="title">{{ $title }}</h3>

            </div>
        </div>
        @include("layouts.alert")
        <div class="row mb-30-none">
            <div class="col-xl-12 mb-30">
                @foreach($paydevises as $paydevise)
                    <div class="dash-payment-item-wrapper" >
                        <div class="dash-payment-item">
                            <div class="dash-payment-title-area">
                                <span class="dash-payment-badge">!</span>
                                <h5 class="title">{{$paydevise->pays->libelle}} - {{$paydevise->devise->libelle}} </h5>
                            </div>
                            <div class="dash-payment-body">
                                @foreach($commissions as $index => $commission)
                                    @if($paydevise->id == $commission->paysdevise_id)
                                        <form class="card-form" method="POST" action="{{ route("commissions.update",$commission->id) }}">
                                            @csrf
                                            @method("PUT")
                                            <input  type="hidden" value="{{ $commission->id }}" name="id">
                                                <div class="row">

                                                    <div class="col-xxl-4 col-xl-4 col-lg-4 form-group">
                                                        <label>@lang('montant_debut')</label>
                                                        <input type="number"  class="form-control" required placeholder="Interval debut" name="montant_debut" value="{{ $commission->montant_debut }}">

                                                    </div>
                                                    <div class="col-xxl-4 col-xl-4 col-lg-4 form-group">
                                                        <label>@lang('montant_fin')</label>
                                                        <input type="number"  class="form-control" required placeholder="Interval fin" name="montant_fin" value="{{ $commission->montant_fin }}">

                                                    </div>
                                                    <div class="col-xxl-4 col-xl-4 col-lg-4 form-group">
                                                        <label>@lang('montant_fix')</label>
                                                        <input type="number"  class="form-control" required placeholder="Montant" name="montant_fix" value="{{ $commission->montant_fix }}">
                                                    </div>
                                                </div>
                                            @can("commissions-edit")
                                            <div class="row mb-10-none">
                                                <div class="col-xl-12 col-lg-12 form-group">
                                                    <button type="submit" class="btn--base w-100 btn-loading" >@lang("modifier")<span class="btn-ring"></span></button>
                                                </div>
                                            </div>
                                            @endcan
                                        </form>
                                    @endif
                                @endforeach
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
@endsection