Form Builder

https://spatie.be/docs/laravel-html/v3/introduction

Search Input

<div class="col-md-4">
    {{ html()->text('searchTable')->class('search__input')->placeholder('Search') }}
</div>

Text Input

<div class="form-group input-underline">
    {{ html()->label('First Name', 'first_name') }}

    {{ html()->text('first_name')->class('form-control') }}

    <div class="underline"></div>
</div>

TextArea Input

<div class="form-group input-underline">
    {{ html()->label('Notes', 'notes') }}

    {{ html()->textarea('notes')->class('form-control')->placeholder('Notes')->attributes(['rows' => '4']) }}

    <div class="underline"></div>
</div>

Select Input

<div class="form-group input-underline">
    {{ html()->label('Gender', 'gender') }}

    {{ html()->select('gender', ['' => 'Select One', 'Male' => 'Male', 'Female' => 'Female'])->class('form-control') }}

    <div class="underline"></div>
</div>

Radio Input

<div class="radio d-inline">
    {{ html()->radio('workdays', null, 'monday')->id('workdays_monday') }}

    {{ html()->label('Monday', 'workdays_monday')->class('radio-label') }}
</div>

Checkbox Input

<div class="checkbox d-inline">
    {{ html()->checkbox('workdays[]', null, 'monday')->id('workdays_monday') }}

    {{ html()->label('Monday', 'workdays_monday')->class('checkbox-label') }}
</div>

Modal Trigger on Responsive DataTables

<a href="#" class="btn btn-danger" data-modal="#delete{{ $id }}" onclick="modal_trigger(event,this)"><i class="fa fa-trash"></i></a>

function modal_trigger(e, data){
    e.preventDefault();
    var id = $(data).data('modal');

    if($('tr.child '+id).length){
        $('tr.child '+id).modal('show');
    }else{
        $(id).modal('show');
    }
}