@extends('layouts.backend.index')
@section('title', $label)

@section('content')
    <div class="card">
        <div class="card-body">
            <h4 class="card-title mb-1 text-info">
                <i class="{{ $icon }}"></i> &nbsp;{{ $label }}
            </h4>
            <p class="card-description">
                Fitur untuk menambah data {{ Str::lower($label) }}.
            </p>
            <hr />

            <form method="post" action="{{ route('supplier.store') }}" class="form-block">
                @csrf

                <div class="row">
                    <div class="col-sm-8 col-md-5">
                        <x-form.input-text name="name" :label="'Nama'" :old="old('name')" />
                    </div>
                    <div class="col-sm-6 col-md-4">
                        <div class="form-group">
                            <label>No. HP</label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text input-group-mdi text-dark">
                                        <i class="mdi mdi-cellphone"></i>
                                    </span>
                                </div>
                                <input type="text" name="phone" class="form-control handphone-mask"
                                    value="{{ old('phone') }}" placeholder="....." autocomplete="off">
                            </div>
                            @if (@$errors->has('phone') )
                                @foreach ($errors->get('phone') as $message)
                                    <p class="text-danger">{{ ucfirst($message) }}</p>
                                @endforeach
                            @endif
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-12">
                        <x-form.text-area :label="'Alamat'" name="address" :old="old('address')" :optional="true" />

                    </div>
                    <div class="col-md-12">
                        <x-form.select-map :label="'Peta Lokasi'" :optional="true" :old="[old('latitude'), old('longitude')]" class="map-picker" />
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-6 col-md-4">
                        <div class="form-group">
                            <label>Status</label>
                            <div class="form-check-box">
                                <div class="row">