@extends('layouts.admin')

@section('content')
<div class="row">
  <div class="col-md-6">
     <div class="card shadow-lg">
      <div class="card-body pt-5">
        <div class="text-center">
          <h1 class="h4 text-gray-900 mb-4">Add Customer</h1>
        </div>
        <form class="user" action="{{ route('customer.save') }}" method="post">
          @csrf
            <div class="row justify-content-md-center">
              @if ($errors->any())
                <div class="col-md-8 mt-3">
                  <div class="alert alert-danger bg-gradient-danger">
                    <ul style="list-style: none;margin-bottom: 0;color: #fff;">
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                  </div>
                </div>
              @endif
              @if ( session('message') )
                <div class="alert alert-danger bg-gradient-danger">
                  {{ session('message') }}
                </div>
              @endif
            </div>

              <div class="row justify-content-md-center">
                <div class="col-md-6 mt-3">
                  <div class="form-group bmd-form-group">
                    <label>Customer name *</label>
                    <input type="text" name="customer" id="customer" class="form-control form-control-user" required value="{{ old('customer') }}">
                    {!! $errors->first('customer', '<p class="help-block text-danger mb-0">:message</p>') !!}
                  </div>
                </div>
              </div>

              <div class="new_customer">
                <input type="hidden" name="new_customer" id="new_customer" value="0">
                <div class="row justify-content-md-center">
                  <div class="col-md-6">
                    <div class="form-group bmd-form-group">
                      <label>Customer email</label>
                      <input type="text" name="cus_email" id="cus_email" class="form-control form-control-user" value="{{ old('cus_email') }}">
                      {!! $errors->first('cus_email', '<p class="help-block text-danger mb-0">:message</p>') !!}
                    </div>
                  </div>
                </div>
                <div class="row justify-content-md-center">
                  <div class="col-md-6">
                    <div class="form-group bmd-form-group">
                      <label>Customer address </label>
                      <input type="text" name="cus_address" id="cus_address" class="form-control form-control-user" value="{{ old('cus_address') }}">
                      {!! $errors->first('cus_address', '<p class="help-block text-danger mb-0">:message</p>') !!}
                    </div>
                  </div>
                </div>
              </div>
              <div class="row justify-content-md-center">
               <div class="col-md-8 mt-5">
                  <button type="submit" class="btn btn-primary btn-block btn-user">Save</button>
              </div>
            </div>          
          <div class="clearfix"></div>
        </form>
      </div>
    </div>
  </div>
</div>
@endsection

@section('style')
<style type="text/css">
    select:invalid { color: gray; }
    .form-control-user{
      font-size: .8rem;
      border-radius: 10rem;
      padding: 0rem 1rem !important;
    }
</style>
@endsection

@section('script')

@endsection