@extends('layouts.app1')

@section('content')
<!-- page content -->
<div class="right_col" role="main">
	@include('flashmessage')
                <div class="">
                    <div class="page-title">
                        <div class="title_left">
                            <h3>New Plan</h3>
                        </div>

                        <div class="title_right">
                            <div class="col-md-5 col-sm-5 form-group pull-right top_search">
                                <div class="input-group">
                                    <input type="text" class="form-control" placeholder="Search for...">
                                    <span class="input-group-btn">
                                        <button class="btn btn-default" type="button">Go!</button>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix"></div>

                    <div class="row">
                        <div class="col-md-12 col-sm-12">
                            <div class="x_panel">
                                <div class="x_title">
                                    <h2>Add Plan
                                        <a href="/memberIdPlan" class="btn btn-success" 
                                            style="position: absolute;right: 15px;top: 6px;">List of Plan</a> 
                                    </h2>
                                    
                                    <div class="clearfix"></div>
                                </div>                               

                                <div class="x_content">
                                    <form method="POST" enctype="multipart/form-data" id="form" class="" action="/memberIdPlan">
                                        @csrf                                       
                                        
                                        <div class="row"> 
                                            <div class="field item form-group col-md-4">
                                                <label class="col-form-label col-md-4 col-sm-4  label-align">Master Distributor<span class="required">*</span></label>
                                                <div class="col-md-8 col-sm-8">                    
                                                    <input type="number" name="master_d" value="" id="master_d" class="form-control" placeholder="Master Distributor Amount">
                                                </div>
                                            </div>

                                            <div class="field item form-group col-md-4">
                                                <label class="col-form-label col-md-4 col-sm-4  label-align">Distributor<span class="required">*</span></label>
                                                <div class="col-md-8 col-sm-8">                    
                                                    <input type="number" name="distributor" value="" id="distributor" class="form-control" placeholder="Distributor Amount">
                                                </div>
                                            </div>

                                            <div class="field item form-group col-md-4">
                                                <label class="col-form-label col-md-4 col-sm-4  label-align">Retailer<span class="required">*</span></label>
                                                <div class="col-md-8 col-sm-8">                   
                                                    <input type="number" name="retailer" value="" id="retailer" class="form-control" placeholder="Retailer Amount">
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="mt-5">
                                            <div class="form-group">
                                                <div class="col-md-6">
                                                    <button type='submit' class="btn btn-primary">Submit</button>
                                                    <button type='reset' class="btn btn-success">Reset</button>
                                                </div>
                                            </div>
                                        </div>
           
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

@endsection
<style type="text/css">
    /* Chrome, Safari, Edge, Opera */
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }

    /* Firefox */
    input[type=number] {
      -moz-appearance: textfield;
    }
</style>