@can('add-material')
<!-- #modal-dialog -->
<div class="modal fade" id="addmaterialmodal">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title">Modal Dialog</h4>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-hidden="true"></button>
        </div>
        <form action="" method="post" id="addmaterialform">
            <div class="modal-body">

                @csrf
                <div class="row">

                    <div class="form-group mb-2">
                            <label>Advance Material <span style="color:red;">*</span></label>
                            <input type="checkbox" class="form-check-input" name="advancematerial"  id="advancematerial" onchange="advanceadd();">
                    </div>
                    <div id="advanceselectdiv"></div>
                    <div class="form-group mb-2">
                            <label>Material Code <span style="color:red;">*</span></label>
                            <input type="text" placeholder="Code" name="materialcode" id="materialcode" value="{{ old('materialcode') }}" class="form-control" required>
                    </div>
                    <div class="form-group mb-2">
                        <label>Material Name <span style="color:red;">*</span></label>
                        <input type="text" placeholder="Name" name="materialname" id="materialname" value="{{ old('materialname') }}" class="form-control" required>
                    </div>
                    <div class="form-group">
                        <label>Owner <span style="color:red;">*</span></label>
                        <input type="text" placeholder="Owner" name="owner" id="owner" value="{{ old('owner') }}" class="form-control" required>
                    </div>
                </div>

            </div>
            <div class="modal-footer">
            <a href="javascript:;" class="btn btn-white" data-bs-dismiss="modal">Close</a>
            <button type="submit" class="btn btn-success">Save</button>
            </div>
        </form>
      </div>
    </div>
</div>

@endcan

@push('scripts')
<script>
$("#addmaterialform").submit(function(e) {
    e.preventDefault();
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });
    $.ajax({
        url: "{{route('addmaterial')}}",
        type: "POST",
        data: $(this).serialize(),
        dataType: 'json',
        success: function(response)
        {
            $('#stock_table').DataTable().ajax.reload(null,false);

            Swal.fire(
            'Success!!',
            'Add new material: '+$('#materialname').val(),
            'success'
            )
            $("#addmaterialmodal").modal('hide')
        },
        error: function(response){
            $("#addmaterialmodal").modal('hide')
            Swal.fire(
            'Error!!',
            'Can not add new Material',
            'error'
            )
        }
    });
});
</script>
@endpush