@extends('dashboard.layouts.app')

@section('title', __('dashboard.Edit Pricing Option'))
@section('page_heading', __('dashboard.Edit Pricing Option'))

@section('breadcrumb')
<li class="breadcrumb-item text-muted">
    <a href="{{ route('dashboard.home') }}" class="text-muted text-hover-primary">{{ __('dashboard.Home') }}</a>
</li>
<li class="breadcrumb-item text-muted">
    <a href="{{ route('dashboard.items.index') }}" class="text-muted text-hover-primary">{{ __('dashboard.Items') }}</a>
</li>
<li class="breadcrumb-item text-muted">
    <a href="{{ route('dashboard.items.show', $item) }}" class="text-muted text-hover-primary">{{ $item->name }}</a>
</li>
<li class="breadcrumb-item text-muted">
    <a href="{{ route('dashboard.items.pricing.index', $item) }}" class="text-muted text-hover-primary">{{ __('dashboard.Pricing Options') }}</a>
</li>
<li class="breadcrumb-item text-muted">{{ __('dashboard.Edit Pricing Option') }}</li>
@endsection

@section('content')
<div class="card">
    <div class="card-header">
        <h3 class="card-title">{{__('dashboard.Edit Pricing Option')}}</h3>
    </div>
    <div class="card-body">
        <form action="{{ route('dashboard.items.pricing.update', [$item, $pricing]) }}" method="POST">
            @csrf
            @method('PUT')

            <div class="mb-3">
                <label for="pricing_type_id" class="form-label">{{__('dashboard.Pricing Type')}}</label>
                <select name="pricing_type_id" id="pricing_type_id" class="form-select @error('pricing_type_id') is-invalid @enderror" required>
                    <option value="">{{__('dashboard.Select a pricing type')}}</option>
                    @foreach($pricingTypes as $type)
                    <option value="{{ $type->id }}" @selected($pricing->pricing_type_id == $type->id)>{{ $type->name }}</option>
                    @endforeach
                </select>
                @error('pricing_type_id')
                <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <div class="mb-3">
                <label for="price" class="form-label">{{__('dashboard.Price')}}</label>
                <input type="number" name="price" id="price" class="form-control @error('price') is-invalid @enderror" value="{{ old('price', $pricing->price) }}" step="0.01" min="0" required>
                @error('price')
                <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <button type="submit" class="btn btn-primary">{{__('dashboard.Update')}}</button>
            <a href="{{ route('dashboard.items.pricing.index', $item) }}" class="btn btn-secondary">{{__('dashboard.Cancel')}}</a>
        </form>
    </div>
</div>
@endsection
@section('scripts')
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script>
    $(document).ready(function() {
        $('#pricing_type_id').select2({
            placeholder: "{{__('dashboard.Select an option')}}",
            allowClear: true
        });
    });
</script>
@endsection