@extends('layouts.base')

@section('title')
{{ config('app.name') }} Backend | Form
@endsection

@section('breadcrumb')
<li class="breadcrumb-item"><a href="javascript:void(0);">List</a></li>
<li class="breadcrumb-item active" aria-current="page"><a href="javascript:void(0);">Add</a></li>
@endsection

@section('formsection')
<div class="form-row mb-4">
    <div class="form-group col-md-6">
        <label for="inputEmail4">Email</label>
        <input type="email" class="form-control" id="inputEmail4" placeholder="Email">
    </div>
    <div class="form-group col-md-6">
        <label for="inputPassword4">Password</label>
        <input type="password" class="form-control" id="inputPassword4" placeholder="Password">
    </div>
</div>
<div class="form-group mb-4">
    <label for="inputAddress">Address</label>
    <input type="text" class="form-control" id="inputAddress" placeholder="1234 Main St">
</div>
<div class="form-group mb-4">
    <label for="inputAddress2">Address 2</label>
    <input type="text" class="form-control" id="inputAddress2" placeholder="Apartment, studio, or floor">
</div>
<div class="form-row mb-4">
    <div class="form-group col-md-6">
        <label for="inputCity">City</label>
        <input type="text" class="form-control" id="inputCity">
    </div>
    <div class="form-group col-md-4">
        <label for="inputState">State</label>
        <select id="inputState" class="form-control">
            <option selected>Choose...</option>
            <option>...</option>
        </select>
    </div>
    <div class="form-group col-md-2">
        <label for="inputZip">Zip</label>
        <input type="text" class="form-control" id="inputZip">
    </div>
</div>
<div class="form-group">
    <div class="form-check pl-0">
        <div class="custom-control custom-checkbox checkbox-info">
            <input type="checkbox" class="custom-control-input" id="gridCheck">
            <label class="custom-control-label" for="gridCheck">Check me out</label>
        </div>
    </div>
</div>
@endsection

@section('content')
<div id="basic" class="@yield('formwidth', 'col-lg-6 col-sm-8') col-12 layout-spacing">
    <div class="statbox widget box box-shadow">
        <div class="widget-header">
            <div class="row">
                <div class="col-xl-12 col-md-12 col-sm-12 col-12">
                    <h4>@yield('formtitle')</h4>
                </div>
            </div>
        </div>
        <div class="widget-content widget-content-area">
            <form id="main-form" action="@yield('formaction')" method="post">
                @csrf

                @yield('formsection')

                <button name="submit" type="submit" class="btn btn-primary">@yield('submittext', 'Submit')</button>
                @yield('customsubmit')
                <a href="@yield('formcancel')" class="btn btn-outline-dark">Cancel</a>

            </form>

        </div>
    </div>
</div>
@endsection