{{-- Contract save modal --}}
<div class="modal fade" id="saveContract" tabindex="-1" role="dialog" aria-labelledby="saveContractTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
        <div class="modal-header">
            <h3 class="modal-title" id="saveContractModalTitle">{{ __('modal.saveContract.title') }}</h3>
            <button type="button" class="close pt-4" data-dismiss="modal" aria-label="Close">
                <img src="{{ asset('img/icon_exit_blue.png') }}" width="25px" height="25px">
            </button>
        </div>
        <div class="modal-body">
            <div class="component">
                <label for="contractName" class="component-label">{{ __('modal.saveContract.inputContractName') }}</label>
                <input id="contractName" type="text" class="col-md-12 form-control" name="contractName" value="{{ $contract['name'] }}" placeholder="{{ __('modal.saveContract.inputContractNamePlaceholder') }}" autocomplete="false" required>
                <span class="invalid-feedback" role="alert" style="display: none;"></span>
            </div>
        </div>
        <div class="modal-footer d-flex justify-content-center">
            <button type="button" class="btn btn-secondary btn-save m-2" data-dismiss="modal">{{ __('button.close') }}</button>
            <button type="button" class="btn btn-primary m-2" id="saveContractName" data-redirect="{{ route('dashboard.contracts', app()->getLocale()) }}">{{ __('button.saveAndClose') }}</button>
        </div>
        </div>
    </div>
</div>