@extends('layouts.app', ['path' => 'company_settings'])
@section('title', 'Organization Profile - HRMS')

@section('content')
    @can('orgnization_profile.read|orgnization_profile.update')
        
        <div class="content" style="transform: none;" data-color="primary">
            <div class="my-auto mb-2">
                <h2 class="mb-1">Organization Profile</h2>
                <nav>
                    <ol class="breadcrumb mb-0">
                        <li class="breadcrumb-item">
                            <a href="{{ route('dashboard') }}"><i class="ti ti-smart-home"></i></a>
                        </li>
                        <li class="breadcrumb-item">
                            Settings
                        </li>
                        <li class="breadcrumb-item active" aria-current="page">Organization Profile</li>
                    </ol>
                </nav>
            </div>
            {{-- @session('success')
                <div class="alert alert-success" role="alert">
                    {{ session('success') }}
                </div>
            @endsession

            @if ($errors->any())
                <div class="alert alert-danger">
                    @foreach ($errors->all() as $error)
                        {!! $error !!}
                    @endforeach
                </div>
            @endif --}}
            @include('partials.new_alerts')
            <div class="row" style="transform: none;">
                <div class="col-xl-8">
                    <form action="{{ route('profile.update') }}" method="POST" enctype="multipart/form-data" id="profile-form">
                        @csrf
                        <div class="contact-grids-tab px-0">
                            <div class="d-flex justify-content-between align-items-end" style="border-bottom: 1px solid #E5E7EB;">
                                <ul class="nav nav-underline mb-0" id="myTab" role="tablist">
                                    <li class="nav-item" role="presentation">
                                        <button class="nav-link active" id="info-tab" data-bs-toggle="tab" data-bs-target="#basic-info" type="button" role="tab" aria-selected="true">
                                            Basic Information
                                        </button>
                                    </li>
                                </ul>
                                @can('logs.read')
                                    <button type="button" class="btn btn-icon btn-sm mb-2" data-bs-toggle="modal" data-bs-target="#tableModal" data-subject-type="organization" data-subject-id="{{ $data['data']['organization']['id'] ?? '' }}">
                                        <i class="ti ti-history"></i>
                                    </button>
                                @endcan
                            </div>
                        </div>


                        <div class="tab-content" id="myTabContent">
                            <div class="tab-pane fade show active" id="basic-info" role="tabpanel" aria-labelledby="info-tab"
                                tabindex="0">
                                <div class="modal-body pb-0">
                                    <div class="row">
                                        
                                        @foreach (['name', 'email', 'phone', 'website', 'industry', 'address', 'country', 'state', 'city', 'zip_code'] as $field)
                                            <div class="col-md-6">
                                                <div class="mb-3">
                                                    <label class="form-label">{{ ucfirst(str_replace('_', ' ', $field)) }}
                                                        @if (in_array($field, ['name', 'email', 'phone', 'website', 'address', 'country', 'state', 'city', 'zip_code', 'industry']))
                                                            <span class="text-danger">*</span>
                                                        @endif
                                                    </label>
                                                    @if ($field == 'country')
                                                        <select class="select form-control" name="country">
                                                            {!! isset($data['data']['organization']['country']) && $data['data']['organization']['country'] == 'Pakistan'
                                                                ? '<option value="Pakistan" selected>Pakistan</option>'
                                                                : '<option value="Pakistan">Pakistan</option>' !!}
                                                        </select>
                                                    @elseif($field == 'state')
                                                        <select class="select form-control" name="state">
                                                            <option value="">Select</option>
                                                            @foreach (['Punjab', 'KPK', 'Sindh', 'Blochistan'] as $state)
                                                                <option value="{{ $state }}"
                                                                    {{ isset($data['data']['organization']['state']) && $data['data']['organization']['state'] == $state ? 'selected' : '' }}>
                                                                    {{ $state }}</option>
                                                            @endforeach
                                                        </select>
                                                    @else
                                                        <input type="text" class="form-control" name="{{ $field }}"
                                                            value="{{ $data['data']['organization'][$field] ?? '' }}">
                                                    @endif
                                                    <span class="error-validation" id="{{ $field }}-error"></span>
                                                </div>
                                            </div>
                                        @endforeach
                                        <div class="col-md-6">
                                            <div class="mb-3">
                                                <label class="form-label">Logo <span class="text-danger">*</span></label>
                                                <input type="file" class="form-control" name="logo" accept="image/*">
                                                <input type="hidden" id="logoExists" value="{{ $data['data']['organization']['logo'] ? '1' : '0' }}" />
                                                <span class="error-validation" id="logo-error"></span>
                                                @if(isset($data['data']['organization']['logo']))
                                                    <div class="mt-2">
                                                        <small class="text-muted">Current logo:</small><br>
                                                        <img src="data:image/png;base64,{{ $data['data']['organization']['logo'] }}" alt="Current Logo" class="img-thumbnail" style="max-width: 100px; max-height: 100px;">
                                                    </div>
                                                @endif
                                            </div>
                                        </div>
                                        @php
                                            $bankShortNames = ['abl', 'fbl', 'hbl', 'mbl', 'mcb', 'ubl'];
                                        @endphp
                                        <div class="col-md-6">
                                            <div class="mb-3">
                                                <label class="form-label">Bank <span class="text-danger">*</span></label>
                                                <select class="select form-control" name="bank">
                                                    <option value="">Select</option>
                                                    @foreach (['Allied Bank', 'Faysal Bank', 'Habib Bank', 'Meezan Bank', 'MCB Bank', 'United Bank'] as $index => $bank)
                                                        <option value="{{ $bankShortNames[$index] }}"
                                                            {{ isset($data['data']['organization']['bank']) && $data['data']['organization']['bank'] == $bankShortNames[$index] ? 'selected' : '' }}>
                                                            {{ $bank }}</option>
                                                    @endforeach
                                                </select>
                                                <span class="error-validation" id="bank-error"></span>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="mb-3">
                                                <label class="form-label">Favicon</label>
                                                <input type="file" class="form-control" name="favicon" accept="image/*">
                                                <input type="hidden" id="faviconExists" value="{{ $data['data']['organization']['favicon'] ? '1' : '0' }}" />
                                                <span class="error-validation" id="favicon-error"></span>
                                                @if(isset($data['data']['organization']['favicon']))
                                                    <div class="mt-2">
                                                        <small class="text-muted">Current favicon:</small><br>
                                                        <img src="data:image/png;base64,{{ $data['data']['organization']['favicon'] }}" alt="Current Favicon" class="img-thumbnail" style="max-width: 100px; max-height: 100px;">
                                                    </div>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="mb-3">
                                                <label class="form-label">About</label>
                                                <textarea class="form-control" name="about">{{ $data['data']['organization']['about'] ?? '' }}</textarea>
                                                <span class="error-validation" id="about-error"></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                @can('orgnization_profile.update')
                                    <div class="modal-footer mb-3">
                                        <a href="{{ route('dashboard') }}" type="button" class="btn btn-light border me-2">
                                            <i class="ti ti-x me-2"></i>Cancel
                                        </a>
                                        <button type="submit" class="btn btn-primary">
                                            <i class="ti ti-check me-2"></i>Save
                                        </button>
                                    </div>
                                @endcan

                            </div>
                        </div>
                    </form>


                </div>
            </div>
        </div>
    @endcan

@endsection


@push('scripts')
    <script src="{{ asset('assets/validation/profile.js?v='.config('api.version')) }}"></script>
@endpush