@extends('layouts.app')

@section('content')
    <div class="row py-5">
        <div class="col-lg-7 mx-auto">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">
                        {{ isset($partnerPricing) ? 'Modifier une tarification SMS' : 'Créer une tarification SMS' }}

                    </h5>
                    @include('components.alert_success')
                    <form class="form-horizontal" method="POST" action="{{ isset($partnerPricing) ? route('partners.pricing.update', ['partner' => $partner, 'partner_pricing' => $partnerPricing]) : route('partners.pricing.store', ['partner' => $partner]) }}">
                        {{ csrf_field() }}
                        {{ isset($partnerPricing) ? method_field('PUT') : '' }}

                        <div class="mb-3">
                            <label for="name">Nom</label>
                            <input id="name" type="text" name="name" value="{{ old('name', $partnerPricing->name ?? '') }}" class="form-control {{ $errors->has('name') ? ' is-invalid' : '' }}" placeholder="Nom">
                            @if ($errors->has('name'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('name') }}
                                </div>
                            @endif
                        </div>

                        <div class="mb-3">
                            <label for="volume_min">Volume SMS min</label>
                            <input id="volume_min" type="number" min="0" name="volume_min" value="{{ old('volume_min', $partnerPricing->volume_min ?? '') }}" class="form-control {{ $errors->has('volume_min') ? ' is-invalid' : '' }}" placeholder="Volume min">
                            @if ($errors->has('volume_min'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('volume_min') }}
                                </div>
                            @endif
                        </div>

                        <div class="mb-3">
                            <label for="volume_max">Volume SMS max</label>
                            <input id="volume_max" type="number" min="0" name="volume_max" value="{{ old('volume_max', $partnerPricing->volume_max ?? '') }}" class="form-control {{ $errors->has('volume_max') ? ' is-invalid' : '' }}" placeholder="Volume max">
                            @if ($errors->has('volume_max'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('volume_max') }}
                                </div>
                            @endif
                        </div>

                        <div class="mb-3">
                            <label for="ci_price">Prix du CI</label>
                            <div class="input-group mb-2">
                                <input id="ci_price" type="number" step="0.001" min="0" name="ci_price"
                                       value="{{ old('ci_price', $partnerPricing->ci_price ?? '') }}"
                                       class="form-control {{ $errors->has('ci_price') ? ' is-invalid' : '' }}"
                                       placeholder="Prix du CI">
                                <div class="input-group-append">
                                    <div class="input-group-text">€ HT</div>
                                </div>
                                @if ($errors->has('ci_price'))
                                    <div class="invalid-feedback">
                                        {{ $errors->first('ci_price') }}
                                    </div>
                                @endif
                            </div>
                        </div>

                        <div class="mb-3">
                            <label for="data_price">Prix data</label>
                            <div class="input-group mb-2">
                                <input id="data_price" type="number" step="0.001" min="0" name="data_price"
                                       value="{{ old('data_price', $partnerPricing->data_price ?? '') }}"
                                       class="form-control {{ $errors->has('data_price') ? ' is-invalid' : '' }}"
                                       placeholder="Prix de la donnée">
                                <div class="input-group-append">
                                    <div class="input-group-text">€ HT</div>
                                </div>
                                @if ($errors->has('data_price'))
                                    <div class="invalid-feedback">
                                        {{ $errors->first('data_price') }}
                                    </div>
                                @endif
                            </div>
                        </div>

                        <div class="mb-3">
                            <label for="router_price">Prix du routage</label>
                            <div class="input-group mb-2">

                                <input id="router_price" type="number" step="0.001" min="0" name="router_price"
                                       value="{{ old('router_price', $partnerPricing->router_price ?? '') }}"
                                       class="form-control {{ $errors->has('router_price') ? ' is-invalid' : '' }}"
                                       placeholder="Prix du routage">
                                <div class="input-group-append">
                                    <div class="input-group-text">€ HT</div>
                                </div>

                                @if ($errors->has('router_price'))
                                    <div class="invalid-feedback">
                                        {{ $errors->first('router_price') }}
                                    </div>
                                @endif
                            </div>
                        </div>

                        <div class="mb-3">
                            <div class="form-check">
                                <input type="hidden" name="is_disabled" value="">
                                <input id="is_disabled" type="checkbox" class="form-check-input" name="is_disabled" value="1" {{ old('is_disabled', isset($partnerPricing) && $partnerPricing->is_disabled ?? '') ? 'checked' : '' }}>
                                <label class="form-check-label" for="is_disabled">Désactiver la tarification</label>
                            </div>
                        </div>

                        <div class="text-center">
                            <button type="submit" class="btn btn-primary">Valider</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

@endsection


@push('scripts')
    <script>
        document.addEventListener("DOMContentLoaded", () => {
            const $elStaticType = $('#js-static-type');

            $('input[name="type"]').on('change', (event) => {
                console.log(event.currentTarget.value)
                if(event.currentTarget.value === 'static') {
                    $elStaticType.removeClass('d-none');
                } else {
                    $elStaticType.addClass('d-none');
                }
            })
        });

    </script>
@endpush