@extends('layouts.main')
@section('title', (isset($rec->id)) ? __('form.proposal') :  __('form.new_proposal') )
@section('content')
    <div id="sales" style="margin-bottom: 20%;">
    <form method="post" action="{{ (isset($rec->id)) ? route( 'patch_proposal', $rec->id) : route('post_proposal') }}">

        {{ csrf_field()  }}
        @if(isset($rec->id))
            {{ method_field('PATCH') }}
        @endif

        @include('proposal.partials.general')
        @include('generic.items')



    </form>
    </div>
@endsection
@section('onPageJs')

    <script>
        $(function () {
            $('.related_to').change(function () {

                $('.component_number')
                    .find('option')
                    .remove()
                    .val("");

                var labelText = $(this).find("option:selected").text();

                var labelElement = $("label[for*='component_number']");

                ($(this).val()) ? labelElement.html(labelText + ' <span class="required">*</span>') : labelElement.html("&nbsp");
            });


            var selectInput = $( ".component_number" );

            selectInput.select2( {
                theme: "bootstrap",
                minimumInputLength: 2,
                maximumSelectionSize: 6,
                placeholder: "{{ __('form.select_and_begin_typing') }}",
                allowClear: true,
                 "language": {
                   "noResults": function(){
                       return "