@extends('layout/ace')

@section('breadcrumbs')
    {{ Breadcrumbs::render('AkcijeShow', $packageSales) }}
@endsection

@section('title')
    {{ $packageSales->title }}
@endsection

@section('content')
    <div class="row">
        @include('cms.sales.partials.show._header')

        <div class="col-12 col-lg-8" >
            @include('cms.sales.partials.show._package_sales')
        </div>

        <div class="col-12 col-lg-4" >
            @include('cms.sales.partials.show._right_side_actions')
        </div>
    </div>
    <x-delete-modal-form name="modalDeleteSale" message="Da li ste sigurni da želite da obrišete popust?" title="Brisanje podatka"></x-delete-modal-form>
@endsection
@section('scripts')
    @parent
    <script>
        $(document).ready(function() {
            $("#sale_id_chosen").css('width','100%')
        });
        $("#sale_id").chosen().change(function(e) {
            const sale_id = $(e.target).val();
            const selectedIndexOfChosen = $("#sale_id_chosen li[class~=result-selected]").data("option-array-index");
            const saleType = $($(`#sale_id option`)[selectedIndexOfChosen]) .data('sale_type');

            $('input[type=hidden][name=sale_type]').val(saleType);
        });

    </script>
@endsection