<div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
        <div class="subprojectModalContainer">
            <div class="modal-header">
                <h1>Klant aanmaken </h1>
            </div>
            <div class="modal-body">
                <form method="POST" id="companyForm" onsubmit="event.preventDefault();">
                    <div class="form-group col-lg-12">
                        <label>Naam klant *</label>
                        <input class="form-control" name="name"
                               value="{{$cache->name ?? old('name')}}">
                    </div>
                    <label class="col-lg-12">Land *</label>
                    <div class="form-group col-lg-11">
                        <select name="country" id="country" class="form-control selectpicker"
                                data-live-search="true" title="Kies een land">
                            {{--if cache has project--}}
                            @if(!empty($country))
                                @foreach($countries as $getCountry)
                                    @if($getCountry->id == $country)
                                        <option value="{{$getCountry->id}}"
                                                selected>{{$getCountry->name}}</option>
                                    @else
                                        <option value="{{$getCountry->id}}">{{$getCountry->name}}</option>
                                    @endif
                                @endforeach
                            @else
                                <option></option>
                                @foreach($countries as $country)
                                    <option value="{{$country->id}}">{{$country->name}}</option>
                                @endforeach
                            @endif
                        </select>
                    </div>
                    @can('template_control')
                        <div class="col-lg-1">
                            <button name="submitButton"
                                    value="/instellingen/landen/create?ref=klanten-create"
                                    class="btn btn-default pull-right">+
                            </button>
                        </div>
                    @endcan
                    <div class="col-lg-12">
                        <label>Acquisitie</label>
                    </div>
                    <div class="form-group col-lg-11">
                        <select name="acquisition" id="acquisition"
                                class="form-control selectpicker"
                                data-live-search="true" title="Kies een acquisitie">
                            {{--if cache has project--}}
                            @if(!empty($acquisition))
                                @foreach($acquisitions as $getAcquisition)
                                    @if($getAcquisition->id == $acquisition)
                                        <option value="{{$getAcquisition->id}}"
                                                selected>{{$getAcquisition->name}}</option>
                                    @else
                                        <option value="{{$getAcquisition->id}}">{{$getAcquisition->name}}</option>
                                    @endif
                                @endforeach
                            @else
                                <option></option>
                                @foreach($acquisitions as $acquisition)
                                    <option value="{{$acquisition->id}}">{{$acquisition->name}}</option>
                                @endforeach
                            @endif
                        </select>
                    </div>
                    @can('template_control')
                        <div class="col-lg-1">
                            <button name="submitButton"
                                    value="/instellingen/acquisities/create?ref=klanten-create"
                                    class="btn btn-default pull-right">+
                            </button>
                        </div>
                    @endcan
                    <div class="form-group col-lg-12">
                        <label>Uurprijs</label>
                        <input name="hourly_rate" id="hourlyRate" type="number" step="0.01" min="0"
                               class="form-control spinner" value="0">
                    </div>
                    <div class="modal-footer">
                        <div class="form-group col-lg-12">
                            <div class="error-container"></div>
                            <hr>
                            <button name="submitButton" type="submit" formaction="/klanten" form="companyForm"
                                    class="btn btn-primary">
                                Maak klant
                            </button>
                            <a name="cancel" href="{{URL::previous()}}" class="btn btn-default">Annuleren</a>
                        </div>
                        <input type="hidden" form="companyForm" name="_token" value="{{ csrf_token() }}">
                        <input type="hidden" form="companyForm" name="ref" value="{{ $ref }}">
                        <input type="hidden" form="companyForm" name="currentPage" value="createCompany">
                    </div>
                </form>
            </div>
            @if(count($errors))
                @foreach($errors->all() as $error)
                    <div class="alert alert-danger" role="alert">{{$error}}</div>
                @endforeach
            @endif
        </div>
    </div>
</div>

<script type="text/javascript">

    $(document).off("submit", "#companyForm").on("submit", "#companyForm", function (event) {
        var ref = window.location.pathname;
        $.ajax({
            type: 'POST',
            url: '/klanten',
            data: $('#companyForm').serialize(),
            success: function (data) {

                let url = '/klanten/';
                goPjax(url + data);
            },
            error: function (jqXHR) {
                let errorList = '';
                $.each(JSON.parse(jqXHR.responseText), function (i, errorText) {
                    errorList += '<div class="alert alert-danger" role="alert">' + errorText + '</div>';
                });
                $(".error-container").html(errorList);
                event.preventDefault();
                return false;
            }
        });
        event.preventDefault();
        return false;
    });

</script>