@extends('vendor.dashboards.layouts.master')

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card my-4">
                <div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2">
                    <div class="bg-gradient-dark shadow-dark border-radius-lg pt-4 pb-3">
                        <h6 class="text-white text-capitalize pe-3 ps-3">{{ __('general.settings') }}</h6>
                        <!-- <button class="btn bg-gradient-success text-capitalize" style="float:left; text-align: center;"><i class="material-icons opacity-10">add</i> إضافة حافلة</button> -->
                    </div>
                </div>
                <div class="card-body px-0 pb-2">
                    <div class="row container">
                        @if($user->id == $agency->user_id)
                            <div class="col-6">
                                <div class="card">
                                    <form action="{{ route('settings.agency_update') }}" method="post">
                                        @csrf
                                        <div class="card-header">
                                            <h5 class="card-title">{{ __('general.account_information') }}</h5>
                                            <div class="form-group mt-2">
                                                <label for="agencyInput">{{ __('voyager::seeders.data_rows.agency_name') }}</label>
                                                <input type="text" class="form-control" id="agencyInput" value="{{ $agency->name }}" disabled>
                                            </div>
                                            <div class="form-group mt-2">
                                                <label for="emailInput">{{ __('voyager::seeders.data_rows.agency_description') }}</label>
                                                <textarea name="description" class="form-control" id="description">{{ old('description', $agency->description ?? '') }}</textarea>

                                                @error('description')
                                                <div class="text-danger error-massage">{{ $message }}</div>
                                                @enderror
                                            </div>
                                            <div class="form-group mt-2">
                                                <label for="phoneInput">{{ __('voyager::seeders.data_rows.phone') }}</label>
                                                <input type="text" name="phone" class="form-control" id="phoneInput" value="{{ old('phone', $agency->phone ?? '') }}">

                                                @error('phone')
                                                <div class="text-danger error-massage">{{ $message }}</div>
                                                @enderror
                                            </div>
                                            <div class="form-group mt-2">
                                                <label for="phoneInput">{{ __('voyager::seeders.data_rows.address') }}</label>
                                                <input type="text" name="address" class="form-control" id="addressInput" value="{{ old('address', $agency->address ?? '') }}">

                                                @error('address')
                                                <div class="text-danger error-massage">{{ $message }}</div>
                                                @enderror
                                            </div>
                                            <div class="form-group mt-2">
                                                <label for="phoneInput">{{ __('voyager::seeders.data_rows.bank_name') }}</label>
                                                <input type="text" name="bank_name" class="form-control" id="bankNameInput" value="{{ old('bank_name', $agency->bank_name ?? '') }}">

                                                @error('bank_name')
                                                <div class="text-danger error-massage">{{ $message }}</div>
                                                @enderror
                                            </div>
                                            <div class="form-group mt-2">
                                                <label for="phoneInput">{{ __('voyager::seeders.data_rows.bank_branch') }}</label>
                                                <input type="text" name="bank_branch" class="form-control" id="bankBranchInput" value="{{ old('bank_branch', $agency->bank_branch ?? '') }}">

                                                @error('bank_branch')
                                                <div class="text-danger error-massage">{{ $message }}</div>
                                                @enderror
                                            </div>
                                            <div class="form-group mt-2">
                                                <label for="phoneInput">{{ __('voyager::seeders.data_rows.bank_account_number') }}</label>
                                                <input type="text" name="bank_account_number" class="form-control" id="bankAccountNumberInput" value="{{ old('bank_account_number', $agency->bank_account_number ?? '') }}">

                                                @error('bank_account_number')
                                                <div class="text-danger error-massage">{{ $message }}</div>
                                                @enderror
                                            </div>
                                            <div class="form-group mt-2">
                                                <label for="phoneInput">{{ __('voyager::seeders.data_rows.swift_code') }}</label>
                                                <input type="text" name="swift_code" class="form-control" id="swiftCodeInput" value="{{ old('swift_code', $agency->swift_code ?? '') }}">

                                                @error('swift_code')
                                                <div class="text-danger error-massage">{{ $message }}</div>
                                                @enderror
                                            </div>
                                            <div class="form-group mt-2">
                                                <label for="contactPersonInput">{{ __('general.administrator\'s_name') }}</label>
                                                <input type="text" class="form-control" id="contactPersonInput" value="{{ $agency->user->name }}" disabled>
                                            </div>
                                            <div class="form-group mt-3">
                                                <button type="submit" class="btn bg-gradient-dark">{{ __('voyager::generic.edit') }}</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <p class="mt-4">{{ __('general.settings_message_text') }}</p>
                            </div>
                        @endif
                        <div class="col-6">
                            <div class="card">
                                <div class="card-header">
                                    <form action="{{ route('settings.profile_update') }}" method="post">
                                        @csrf
                                        <h5 class="card-title">{{ __('general.account_information') }}</h5>
                                        <div class="form-group mt-2">
                                            <label for="currentEmailInput">{{ __('general.current_email') }}</label>
                                            <input type="email" class="form-control" id="currentEmailInput" value="{{ $user->email }}" disabled>
                                        </div>
                                        <div class="form-group mt-2">
                                            <label for="name">{{ __('voyager::seeders.data_rows.name') }}</label>
                                            <input type="text" name="name" class="form-control" id="name" value="{{ $user->name }}">

                                            @error('name')
                                            <div class="text-danger error-massage">{{ $message }}</div>
                                            @enderror
                                        </div>
                                        <div class="form-group mt-2">
                                            <label for="phone">{{ __('voyager::seeders.data_rows.phone') }}</label>
                                            <input type="text" name="phone" class="form-control" id="phone" value="{{ $user->phone }}">

                                            @error('phone')
                                            <div class="text-danger error-massage">{{ $message }}</div>
                                            @enderror
                                        </div>
                                        <div class="form-group mt-2">
                                            <label for="newEmailVerifyInput">{{ __('voyager::seeders.data_rows.gender') }}</label>

                                            <select class="form-control" name="gender" id="gender">
                                                <option selected disabled>{{ __('voyager::generic.choose_gender') }}</option>
                                                <option value="Male" {{ $user->userable->gender == 'Male' ? 'selected' : '' }}>{{ __('voyager::generic.male') }}</option>
                                                <option value="Female" {{ $user->userable->gender == 'Female' ? 'selected' : '' }}>{{ __('voyager::generic.female') }}</option>
                                            </select>

                                            @error('gender')
                                            <div class="text-danger error-massage">{{ $message }}</div>
                                            @enderror
                                        </div>

                                        @php
                                            if (isset($user->locale)) {
                                                $selected_locale = $user->locale;
                                            } else {
                                                $selected_locale = config('app.locale', 'en');
                                            }
                                        @endphp
                                        <div class="row">
                                            <div class="col-md-6 align-self-center">
                                                <label class="form-label mt-4 ms-0">{{ __('general.language') }}</label>
                                                <div class="form-group input-group input-group-static">
                                                    <select class="form-control select2-default-obj" id="locale" name="locale">
                                                        <option value="ar" {{ ('ar' == $selected_locale ? 'selected' : '') }}>العربية</option>
                                                        <option value="en" {{ ('en' == $selected_locale ? 'selected' : '') }}>English</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group mt-3">
                                            <button type="submit" class="btn bg-gradient-dark">{{ __('voyager::generic.edit') }}</button>
                                        </div>
                                    </form>

                                    <form method="post" action="{{ route('settings.password_update') }}">
                                        @csrf
                                        <div class="form-group mt-2">
                                            <label for="newPasswordInput">{{ __('general.new_password') }}</label>
                                            <input type="password" name="new_password" class="form-control" id="newPasswordInput" placeholder="">
                                            @error('new_password')
                                            <div class="text-danger error-massage">{{ $message }}</div>
                                            @enderror
                                        </div>
                                        <div class="form-group mt-2">
                                            <label for="newPasswordVerifyInput">{{ __('general.confirm_password') }}</label>
                                            <input type="password" name="new_password_confirmation" class="form-control" id="newPasswordVerifyInput" placeholder="">
                                        </div>
                                        <div class="form-group mt-3">
                                            <button type="submit" class="btn bg-gradient-dark">{{ __('voyager::generic.edit') }}</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection