@extends('layouts.master')

@section('content')

<div class="page-header mb-3">

    <div class="row">

        <div class="col-lg-12 col-md-12 col-12">

            <ul class="breadcrumb">

                <li class="breadcrumb-item">

                    <a href="#">{{ $title }}</a>

                </li>

                <li class="breadcrumb-item active">{{ $subtitle }}</li>

            </ul>

        </div>

    </div>

</div>

<div class="row">

    <div class="col-lg-8 col-12">

      <div class="card mb-4">

        <div class="card-body">

            <form action="{{ route('supplier/save') }}" method="POST" enctype="multipart/form-data">

            @csrf

            <div class="form-group mb-2">

                <label class="form-label">Nama Supplier<a class="text-danger">*</a></label>

                <input type="text" name="name" value="{{ old('name') }}" class="form-control @error('name') is-invalid @enderror" autofocus placeholder="Nama supplier" />

                @error('name')

                    <span class="invalid-feedback" role="alert">

                        <strong>{{ $message }}</strong>

                    </span>

                @enderror

              </div>

              <div class="row">

                <div class="col-xl-6">

                    <div class="form-group mb-2">

                        <label class="form-label">Email<a class="text-danger">*</a></label>

                        <input type="text" name="email" value="{{ old('email') }}" class="form-control @error('email') is-invalid @enderror"  placeholder="Email" />

                        @error('email')

                            <span class="invalid-feedback" role="alert">

                                <strong>{{ $message }}</strong>

                            </span>

                        @enderror

                    </div>

                </div>

                <div class="col-xl-6">

                    <div class="form-group mb-2">

                        <label class="form-label">Telepone<a class="text-danger">*</a></label>

                        <input type="number" name="hp" value="{{ old('hp') }}" class="form-control @error('hp') is-invalid @enderror"  placeholder="Telepone" />

                        @error('hp')

                            <span class="invalid-feedback" role="alert">

                                <strong>{{ $message }}</strong>

                            </span>

                        @enderror

                      </div>

                </div>

              </div>

            <div class="form-group mb-2">

              <label class="form-label">Alamat<a class="text-danger">*</a></label>

              <textarea type="text" name="alamat" class="form-control @error('alamat') is-invalid @enderror"  placeholder="Alamat" rows="2">{{ old('alamat') }}</textarea>

              @error('alamat')

                  <span class="invalid-feedback" role="alert">

                      <strong>{{ $message }}</strong>

                  </span>

              @enderror

            </div>

          </div>        

      </div>

    </div>

    <div class="col-sm-4">

        <div class="card">

          <div class="card-body">

              <div class="row">

                <div class="col-xl-12">

                    <div class="form-group mb-2">

                      <label class="form-label">Website<a class="text-danger">*</a></label>

                      <input type="text" name="website" value="{{ old('website') }}" class="form-control @error('website') is-invalid @enderror"  placeholder="Website" />

                      @error('website')

                          <span class="invalid-feedback" role="alert">

                              <strong>{{ $message }}</strong>

                          </span>

                      @enderror

                    </div>

                    <div class="form-group mb-2">

                        <label class="form-label">Status<a class="text-danger">*</a></label>

                        <select class="form-select" name="is_active">

                          <option selected>Pilih Status</option>

                          <option value="1">Active</option>

                          <option value="2">Tidak Active</option>

                        </select>

                    </div>     

                </div>

              </div>

          </div>

        </div>

        <div class="d-grid mb-4" style="margin-top: -10px">

            <button type="submit" class="btn btn-primary mb-2">

                Buat supplier

            </button>

            <a href="{{ route('supplier') }}" type="submit" class="btn btn-warning">

                Keluar

              </a>

          </div>

      </div>

    </form>

  </div>

@endsection