@extends('template.master')

@section('content')
    <div class="container mt-4">
        <div class="row justify-content-center">
            <div class="col-md-6">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title text-dark" style="margin-left:130px;"><strong>Add Demo Form Wit Laravel API</strong></h4>
                    </div>
                    <div class="card-body">
                        <form class="form" id="taxo-form">
                            @csrf                          
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label for="exampleInputName1" class="mt-2">Name</label>
                                        <input type="text" class="form-control" id="name" name="name"
                                            placeholder="Article Name">
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label for="exampleInputName1" class="mt-2">Details</label>
                                        <textarea class="form-control" id="" name="details" rows="3" placeholder="Details"></textarea>
                                    </div>
                                </div>                                
                            </div>
                           
                            <button type="submit" class="btn btn-primary mr-2 mt-5" id="submitTaxo"
                                style="background: #6c63ff;margin-left:180px;">Submit</button>
                            <button class="btn btn-danger mt-5">Cancel</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>    
@endsection