@extends ('backend.layouts.app')

@section('title', __('client::labels.backend.client.management') . ' | ' . __('client::labels.backend.client.edit'))

@section('breadcrumb-links')
    @include('client::includes.breadcrumb-links')
@endsection

@push('after-styles')
@endpush

@section('content')
    {{ html()->modelForm($client, 'PATCH', route('admin.client.update', $client->id))->attribute('enctype', 'multipart/form-data')->class('form-horizontal')->open() }}
    <div class="card">
        <div class="card-body">
            <div class="row">
                <div class="col-sm-5">
                    <h4 class="card-title mb-0">
                        {{ __('client::labels.backend.client.management') }}
                        <small class="text-muted">{{ __('client::labels.backend.client.edit') }}</small>
                    </h4>
                </div><!--col-->
            </div><!--row-->

            <hr />

            <div class="row mt-4 mb-4">
                <div class="col">

                    <div class="form-group row">
                        {{ html()->label(__('client::labels.backend.client.table.merchant_name') . ' <span class="text-danger">*</span>')->class('col-md-2 form-control-label')->for('merchant_name') }}

                        <div class="col-md-10">
                            {{ html()->text('merchant_name')->class('form-control')->placeholder(__('client::labels.backend.client.table.merchant_name'))->attribute('maxlength', 191)->required() }}
                        </div><!--col-->
                    </div><!--form-group-->

                    <div class="form-group row">
                        {{ html()->label(__('client::labels.backend.client.table.trading_name') . ' <span class="text-danger">*</span>')->class('col-md-2 form-control-label')->for('trading_name') }}

                        <div class="col-md-10">
                            {{ html()->text('trading_name')->class('form-control')->placeholder(__('client::labels.backend.client.table.trading_name'))->attribute('maxlength', 191)->required() }}
                        </div><!--col-->
                    </div><!--form-group-->

                    <div class="form-group row">
                        {{ html()->label(__('client::labels.backend.client.table.contact_person') . ' <span class="text-danger">*</span>')->class('col-md-2 form-control-label')->for('contact_person') }}

                        <div class="col-md-10">
                            {{ html()->text('contact_person')->class('form-control')->placeholder(__('client::labels.backend.client.table.contact_person'))->attribute('maxlength', 191)->required() }}
                        </div><!--col-->
                    </div><!--form-group-->

                    <div class="form-group row">
                        {{ html()->label(__('client::labels.backend.client.table.contact_person_email') . ' <span class="text-danger">*</span>')->class('col-md-2 form-control-label')->for('contact_person_email') }}

                        <div class="col-md-10">
                            {{ html()->text('contact_person_email')->class('form-control')->placeholder(__('client::labels.backend.client.table.contact_person_email'))->attribute('maxlength', 191)->required() }}
                        </div><!--col-->
                    </div><!--form-group-->

                    <div class="form-group row">
                        {{ html()->label(__('client::labels.backend.client.table.support_person_email'))->class('col-md-2 form-control-label')->for('support_person_email') }}

                        <div class="col-md-10">
                            {{ html()->text('support_person_email')->class('form-control')->placeholder(__('client::labels.backend.client.table.support_person_email'))->attribute('maxlength', 191) }}
                        </div><!--col-->
                    </div><!--form-group-->

                    <div class="form-group row">
                        {{ html()->label(__('client::labels.backend.client.table.mobile') . ' <span class="text-danger">*</span>')->class('col-md-2 form-control-label')->for('mobile') }}

                        <div class="col-md-10">
                            {{ html()->text('mobile')->class('form-control')->placeholder(__('client::labels.backend.client.table.mobile'))->attribute('maxlength', 191)->required() }}
                        </div><!--col-->
                    </div><!--form-group-->

                    <div class="form-group row">
                        {{ html()->label(__('client::labels.backend.client.table.fax'))->class('col-md-2 form-control-label')->for('fax') }}

                        <div class="col-md-10">
                            {{ html()->text('fax')->class('form-control')->placeholder(__('client::labels.backend.client.table.fax'))->attribute('maxlength', 191) }}
                        </div><!--col-->
                    </div><!--form-group-->

                    <div class="form-group row">
                        {{ html()->label(__('client::labels.backend.client.table.address') . ' <span class="text-danger">*</span>')->class('col-md-2 form-control-label')->for('address') }}

                        <div class="col-md-10">
                            {{ html()->textarea('address')->class('form-control')->placeholder(__('client::labels.backend.client.table.address'))->required() }}
                        </div><!--col-->
                    </div><!--form-group-->

                    <div class="form-group row">
                        {{ html()->label(__('client::labels.backend.client.table.logo'))->class('col-md-2 form-control-label')->for('logo') }}

                        <div class="col-md-10">
                            {{ html()->file('logo')->class('form-control') }}
                            @if ($client->logo)
                                <img src="{{ asset('uploads/' . $client->logo) }}" alt="" class="img-thumbnail"
                                    width="100px">
                            @endif
                            <h5>(Image size: 300px × 300px)</h5>
                        </div><!--col-lg-10-->
                    </div><!--form control-->

                    <div class="form-group row">
                        {{ html()->label(__('validation.attributes.backend.access.users.timezone'))->class('col-md-2 form-control-label')->for('timezone') }}

                        <div class="col-md-10">
                            <select name="timezone" id="timezone" class="form-control" required="required">
                                @foreach (timezone_identifiers_list() as $timezone)
                                    <option value="{{ $timezone }}"
                                        {{ $timezone == config('app.timezone') ? 'selected' : '' }}
                                        {{ $timezone == old('timezone') ? ' selected' : '' }}>{{ $timezone }}</option>
                                @endforeach
                            </select>
                        </div><!--col-->
                    </div><!--form-group-->

                    <h3>Account Informations</h3>
                    <input type="hidden" name="user_id" value="{{ $client->user->id }}">
                    <div class="form-group row">
                        {{ html()->label(__('validation.attributes.backend.access.users.email') . ' <span class="text-danger">*</span>')->class('col-md-2 form-control-label')->for('email') }}

                        <div class="col-md-10">
                            {{ html()->email('email')->class('form-control')->placeholder(__('validation.attributes.backend.access.users.email'))->attribute('maxlength', 191)->value($client->user->email)->required() }}
                        </div><!--col-->
                    </div><!--form-group-->
                    <hr>
                    <div class="d-flex">
                        <h3>Secret Key </h3>
                        <div class="ml-3">
                            <a href="{{ route('admin.client.change_secret_key', $client->id) }}"
                                onclick="return confirm('Are you sure you want to change your API Secret Key?')"
                                class="btn btn-primary btn-sm rounded-2">Generate New Key</a>
                        </div>
                    </div>
                    <input readonly  class="form-control"
                        value="{{ $client->secret_key ? md5($client->secret_key) : '' }}">

                </div><!--col-->
            </div><!--row-->
        </div><!--card-body-->

        <div class="card-footer">
            <div class="row">
                <div class="col">
                    {{ form_cancel(route('admin.client.index'), __('buttons.general.cancel')) }}
                </div><!--col-->

                <div class="col text-right">
                    {{ form_submit(__('buttons.general.crud.update')) }}
                </div><!--row-->
            </div><!--row-->
        </div><!--card-footer-->
    </div><!--card-->
    {{ html()->closeModelForm() }}
@endsection

@push('after-scripts')
    <script></script>
@endpush