@extends('layouts.admin')

@section('title', 'Settings')
@section('content-header', 'Settings')

@section('content')
    <div class="card">
        <div class="card-body">
            <form action="{{ route('settings.store') }}" method="post" enctype="multipart/form-data">
                @csrf

                <div class="form-group">
                    <label for="app_name">Company Name</label>
                    <input type="text" name="app_name" class="form-control @error('app_name') is-invalid @enderror" id="app_name" placeholder="App name" value="{{ old('app_name', config('settings.app_name')) }}">
                    @error('app_name')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="app_description">Company Description</label>
                    <textarea name="app_description" class="form-control @error('app_description') is-invalid @enderror" id="app_description" placeholder="App description">{{ old('app_description', config('settings.app_description')) }}</textarea>
                    @error('app_description')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="company_logo">Company's Logo</label>
                    <div class="custom-file">
                        <input type="file" class="custom-file-input" name="company_logo" id="company_logo">
                        <label class="custom-file-label" for="company_logo">Choose file</label>
                    </div>
                    <small style="color: red">(Type: JPEG and PNG) (Size: Max 2 MB)</small>
                    @error('company_logo')
                    <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="currency_symbol">Currency Symbol</label>
                    <input type="text" name="currency_symbol" class="form-control @error('currency_symbol') is-invalid @enderror" id="currency_symbol" placeholder="Currency symbol" value="{{ old('currency_symbol', config('settings.currency_symbol')) }}">
                    @error('currency_symbol')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="address_1">Address Line 1</label>
                    <input type="text" name="address_1" class="form-control @error('address_1') is-invalid @enderror" id="address_1" placeholder="Address Line 1" value="{{ old('address_1', config('settings.address_1')) }}">
                    @error('address_1')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="address_2">Address Line 2</label>
                    <input type="text" name="address_2" class="form-control @error('address_2') is-invalid @enderror" id="address_2" placeholder="Address Line 2" value="{{ old('address_2', config('settings.address_2')) }}">
                    @error('address_2')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="postcode">Postcode</label>
                    <input type="text" name="postcode" class="form-control @error('postcode') is-invalid @enderror" id="postcode" placeholder="Postcode" maxlength="5" value="{{ old('postcode', config('settings.postcode')) }}">
                    @error('postcode')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="city">City</label>
                    <input type="text" name="city" class="form-control @error('city') is-invalid @enderror" id="city" placeholder="City" value="{{ old('city', config('settings.city')) }}">
                    @error('city')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="state">State</label>
                    <select name="state" class="form-control @error('state') is-invalid @enderror" id="state">
                        <option>-SELECT-</option>
                        <option value="JOHOR" {{ old('state', config('settings.state')) === 'JOHOR' ? 'selected' : ''}}>Johor</option>
                        <option value="KEDAH" {{ old('state', config('settings.state')) === 'KEDAH' ? 'selected' : ''}}>Kedah</option>
                        <option value="KELANTAN" {{ old('state', config('settings.state')) === 'KELANTAN' ? 'selected' : ''}}>Kelantan</option>
                        <option value="KUALA LUMPUR" {{ old('state', config('settings.state')) === 'KUALA LUMPUR' ? 'selected' : ''}}>Kuala Lumpur</option>
                        <option value="LABUAN" {{ old('state', config('settings.state')) === 'LABUAN' ? 'selected' : ''}}>Labuan</option>
                        <option value="MELAKA" {{ old('state', config('settings.state')) === 'MELAKA' ? 'selected' : ''}}>Melaka</option>
                        <option value="NEGERI SEMBILAN" {{ old('state', config('settings.state')) === 'NEGERI SEMBILAN' ? 'selected' : ''}}>Negeri Sembilan</option>
                        <option value="PAHANG" {{ old('state', config('settings.state')) === 'PAHANG' ? 'selected' : ''}}>Pahang</option>
                        <option value="PENANG" {{ old('state', config('settings.state')) === 'PENANG' ? 'selected' : ''}}>Penang</option>
                        <option value="PERAK" {{ old('state', config('settings.state')) === 'PERAK' ? 'selected' : ''}}>Perak</option>
                        <option value="PERLIS" {{ old('state', config('settings.state')) === 'PERLIS' ? 'selected' : ''}}>Perlis</option>
                        <option value="PUTRAJAYA" {{ old('state', config('settings.state')) === 'PUTRAJAYA' ? 'selected' : ''}}>Putrajaya</option>
                        <option value="SABAH" {{ old('state', config('settings.state')) === 'SABAH' ? 'selected' : ''}}>Sabah</option>
                        <option value="SARAWAK" {{ old('state', config('settings.state')) === 'SARAWAK' ? 'selected' : ''}}>Sarawak</option>
                        <option value="SELANGOR" {{ old('state', config('settings.state')) === 'SELANGOR' ? 'selected' : ''}}>Selangor</option>
                        <option value="TERENGGANU" {{ old('state', config('settings.state')) === 'TERENGGANU' ? 'selected' : ''}}>Terengganu</option>
                    </select>
                    @error('state')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="telephone_number">Telephone Number</label>
                    <input type="text" name="telephone_number" class="form-control @error('telephone_number') is-invalid @enderror" id="telephone_number" placeholder="Telephone Number" maxlength="11" value="{{ old('telephone_number', config('settings.telephone_number')) }}">
                    @error('telephone_number')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="fax_number">Fax Number</label>
                    <input type="text" name="fax_number" class="form-control @error('fax_number') is-invalid @enderror" id="fax_number" placeholder="Fax Number" maxlength="11" value="{{ old('fax_number', config('settings.fax_number')) }}">
                    @error('fax_number')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="company_registration">Company Registration</label>
                    <input type="text" name="company_registration" class="form-control @error('company_registration') is-invalid @enderror" id="company_registration" placeholder="Company Registration" maxlength="10" value="{{ old('company_registration', config('settings.company_registration')) }}">
                    @error('company_registration')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="sst_id">SST ID</label>
                    <input type="text" name="sst_id" class="form-control @error('sst_id') is-invalid @enderror" id="sst_id" placeholder="SST ID" maxlength="20" value="{{ old('sst_id', config('settings.sst_id')) }}">
                    @error('sst_id')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="mail_host">Mail Host</label>
                    <input type="email" name="mail_host" class="form-control @error('mail_host') is-invalid @enderror" id="mail_host" placeholder="Mail Host" value="{{ old('mail_host', config('settings.mail_host')) }}">
                    @error('mail_host')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="mail_port">Mail Port</label>
                    <input type="number" name="mail_port" class="form-control @error('mail_port') is-invalid @enderror" id="mail_port" placeholder="Mail Port" value="{{ old('mail_port', config('settings.mail_port')) }}">
                    @error('mail_port')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <button type="submit" class="btn btn-primary float-right">Change Setting</button>
            </form>
        </div>
    </div>
@endsection

@section('js')
    <script src="{{ asset('plugins/bs-custom-file-input/bs-custom-file-input.min.js') }}"></script>
    <script>
        $(document).ready(function () {
            bsCustomFileInput.init();
        });
    </script>
@endsection