@extends('layouts.app')
@section('title', 'Quotation')
@section('content')
<div class="container page-content">
	<div class="row page-col {{ isset($quotation) ? 'align-items-center pb-2' : '' }}">
	    <div class="col-xl-8 col-12">
	        <h1 class="font-weight-bold typography-4 mb-0">
                Quotation{{ $quotation ? " : ".$quotation->quotation_no : "" }}
            </h1>
	    </div>
        <div class="col-xl-4 col-12 mt-2 mt-lg-0 text-end">
            <div class="d-flex flex-wrap justify-content-end gap-2">
                <a class="btn btn-black btn-custom" href="{{ route('quotation-index') }}">Back</a>
            </div>
        </div>
    </div><!-- Header -->
            
    @if( isset($quotation) )
    <div class="row page-col">
        <div class="col-12 text-end mt-2">
            <input type="hidden" name="quotation_id" value="{{ $quotation->id }}" id="quotation_id">
        </div>
    </div>
    @endif
	<div class="row page-col">
        <div class="col-12">
            @include('quotation.quotation-form')
        </div>
    </div>
</div>
@endsection
@push('js')
<script type="text/javascript">
    //Create Sweet Alert when submitting quotation
    $('.btn-form-action').on('click', function(e){ 
        e.preventDefault();

        var quotation_id = $("#quotation_id").val();

        var button = $(this); // get the button that is clicked
        var action = $(this).val(); // take the value attribute for that button

        button.data('inner-text', button.html());
        button.prop('disabled', true);
        button.html('<i class="fas fa-circle-notch fa-spin" style="margin-right: 5px;"></i> Loading');

        Swal.fire({
            title: 'Are you sure?',
            text: "You want to perform this action?",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Yes I am sure!'
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    url: '{{ route("quotation-change-status")}}',
                    method: 'POST',
                    headers: {'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content')},
                    data: { 'quotation_id' : quotation_id, 'action' : action}, 
                    success: function(response){
                        window.location.href = response.url;

                    }, error: function (xhr, textStatus, errorThrown) {
                        var response_json = xhr.responseJSON;

                        if(response_json.quotation_not_found == true){
                            console.log(response_json, xhr)
                        }
                        button.prop('disabled', false);
                        button.html(button.data('inner-text'));
                    }
                })
            }
            else{
                button.prop('disabled', false);
                button.html(button.data('inner-text'));
            }
        });
    });
</script>
@endpush