@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('customer.store') }}" class="form-block" enctype="multipart/form-data">
            @csrf

            <div class="row">
                <div class="col-sm-6 col-md-4">
                    <div class="form-group">
                        <label>Logo <small class="text-muted">( Jika ada )</small></label><br />
                        <img class="img-thumbnail img-default-logo" src="{{ route('attachment.get', ['id' => Common::encrypt(old('logo_file', 0)), 'render' => 'customerlogo']) }}" style="height: 150px;">
                        <img class="img-thumbnail img-logo" style="height: 150px;">
                        <input type="file" name="logo_file" id="logo" class="form-control" accept="image/*" />
                        <small class="text-muted">Gunakan file jpg, jpeg atau png. Ukuran file maksimal 5 MB.</small>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-6">
                    <x-form.input-text label="Nama Perusahaan" name='name' :old="old('name')" />

                </div>
                <div class="col-sm-6">
                    <x-form.input-text label="Nama PIC" name='name_pic' :old="old('name_pic')" />

                </div>
            </div>
            <div class="row">
                <div class="col-sm-6 col-md-4">
                    <div class="form-group">
                        <label>NPWP <small class="text-muted">( Jika ada )</small></label>
                        <input type="text" name="npwp" class="form-control" value="{{ old('npwp') }}" placeholder="....." autocomplete="off" />
                    </div>
                </div>
                <div class="col-sm-6 col-md-4">
                    <x-form.input-group-mask
                        name="phone"
                        label="No. HP"
                        mask="phone"
                        addon="<i class='mdi mdi-cellphone'></i>"
                        :old="old('phone')"
                    />
                </div>
                <div class="col-sm-6 col-md-4">
                    <x-form.input-group-mask
                        name="email"
                        label="Email"
                        mask="email"
                        addon="<i class='mdi mdi-email'></i>"
                        :old="old('email')"
                        :optional="true"
                    />
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="form-group">
                        <label>Alamat Perusahaan <small class="text-muted">( Jika ada )</small></label>
                        <textarea name="address" class="form-control" placeholder=".....">{{ old('address') }}</textarea>
                    </div>
                </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" id="form-tax">
                    <x-form.radio
                        name="flag"
                        label="Pajak"
                        :option="$option->flag"
                        :old="old('flag')"
                    />
                </div>
                <div class="col-sm-6 col-md-4 col-lg-3" id="form-pph">
                    <div class="form-group">
                        <label>&nbsp;</label>
                        <div class="form-check-box">
                            <div class="row">
                                <div class="col-6">
                                    <x-form.checkbox
                                        name="ppn"
                                        label="PPN"
                                        value="1"
                                        :old="old('ppn', 1)"
                                        disabled
                                    />
                                </div>
                                <div class="col-6">
                                    <x-form.checkbox
                                        name="pph"
                                        label="PPH"
                                        value="1"
                                        class="pph"
                                        :old="old('pph')"
                                    />
                                </div>
                            </div>
                        </div>
                    </div>
                </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">