@extends('layouts/layoutMaster')

@section('title', __('Tard Point Details'))

@section('content')
    <div class="content-wrapper">
        <div class="content-body">
            <div class="row">
                <div class="col-12">
                    <div class="d-flex justify-content-between align-items-center mb-2">
                        <h4 class="mb-0">{{ $isRequest ? __('Tard Point Joining Request') : __('Active Tard Point') }}</h4>
                        <div>
                            <a href="{{ $isRequest ? route('dashboard.tard-point-requests.index') : route('dashboard.tard-points.index') }}"
                                class="btn btn-secondary">{{ __('Back') }}</a>
                        </div>
                    </div>

                    @if (session('success'))
                        <div class="alert alert-success">{{ session('success') }}</div>
                    @endif
                    @if ($errors->any())
                        <div class="alert alert-danger">
                            <ul class="mb-0">
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif

                    <div class="row g-3">
                        <div class="col-md-6">
                            <div class="card">
                                <div class="card-header">
                                    <h5 class="mb-0">{{ __('Tard Point Information') }}</h5>
                                </div>
                                <div class="card-body">
                                    <dl class="row mb-0">
                                        <dt class="col-sm-4">{{ __('ID') }}</dt>
                                        <dd class="col-sm-8">{{ $tardPoint->id }}</dd>

                                        <dt class="col-sm-4">{{ __('Team Lead') }}</dt>
                                        <dd class="col-sm-8">
                                            <span class="badge bg-{{ $tardPoint->team_lead ? 'success' : 'secondary' }}">
                                                {{ $tardPoint->team_lead ? __('Yes') : __('No') }}
                                            </span>
                                        </dd>
                                        <dd class="col-sm-8"> <a
                                                href="{{ route('dashboard.tard-points.index') . '?team_id=' . $tardPoint->team_id }}">
                                                {{ $tardPoint->team?->name ?? __('No Team Assigned') }}
                                            </a></dd>

                                        <dt class="col-sm-12 mt-3"><strong>{{ __('Wallet Settings') }}</strong></dt>

                                        <dt class="col-sm-6">{{ __('Credit on Directed Shipment') }}</dt>
                                        <dd class="col-sm-6">{{ $tardPoint->credit_on_directed_shipment ?? 0 }}</dd>

                                        <dt class="col-sm-6">{{ __('Credit on Forwarded Shipment') }}</dt>
                                        <dd class="col-sm-6">{{ $tardPoint->credit_on_forwarded_shipment ?? 0 }}</dd>
                                    </dl>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="card">
                                <div class="card-header">
                                    <h5 class="mb-0">{{ __('User Information') }}</h5>
                                </div>
                                <div class="card-body">
                                    <dl class="row mb-0">
                                        <dt class="col-sm-4">{{ __('Name') }}</dt>
                                        <dd class="col-sm-8">{{ $tardPoint->user?->name ?? '-' }}</dd>

                                        <dt class="col-sm-4">{{ __('Phone') }}</dt>
                                        <dd class="col-sm-8">{{ $tardPoint->user?->phone ?? '-' }}</dd>

                                        <dt class="col-sm-4">{{ __('Address') }}</dt>
                                        <dd class="col-sm-8">
                                            @php $u = $tardPoint->user; @endphp
                                            {{ $u?->address_details ?? '-' }}<br>
                                            {{ $u?->latitude ? __('Lat:') . ' ' . $u->latitude : '' }}
                                            {{ $u?->longitude ? ' | ' . __('Lng:') . ' ' . $u->longitude : '' }}
                                        </dd>

                                        <dt class="col-sm-4">{{ __('Rating') }}</dt>
                                        <dd class="col-sm-8">
                                            @php $rating = (int)($tardPoint->user?->rating ?? 0); @endphp
                                            @for ($i = 1; $i <= 5; $i++)
                                                <i
                                                    class="ti ti-star{{ $i <= $rating ? ' text-warning' : ' text-muted' }}"></i>
                                            @endfor
                                            <span class="ms-1">({{ $rating }}/5)</span>
                                        </dd>

                                        <dt class="col-sm-4">{{ __('Verified') }}</dt>
                                        <dd class="col-sm-8">
                                            <span
                                                class="badge bg-{{ $tardPoint->user?->verified ? 'success' : 'secondary' }}">
                                                {{ $tardPoint->user?->verified ? __('Yes') : __('No') }}
                                            </span>
                                        </dd>

                                        <dt class="col-sm-4">{{ __('Status') }}</dt>
                                        <dd class="col-sm-8">
                                            @php
                                                $status = $tardPoint->user?->status;
                                                // $map = [
                                                //     \App\UserStatusEnum::PENDING->value => ['Pending', 'warning'],
                                                //     \App\UserStatusEnum::ACTIVE->value => ['Active', 'success'],
                                                //     \App\UserStatusEnum::UNACTIVE->value => ['Rejected', 'secondary'],
                                                // ];
                                                // [$label, $color] = $map[$status] ?? ['Unknown', 'secondary'];
                                            @endphp
                                            <span
                                                class="badge bg-{{ $status->color() }}">{{ __($status->label()) }}</span>
                                        </dd>
                                    </dl>
                                </div>
                            </div>
                        </div>


                        <div class="col-12">
                            <div class="card">
                                <div class="card-header">
                                    <h5 class="mb-0">{{ __('Edit Tard Point Profile') }}</h5>
                                </div>
                                <div class="card-body">
                                    <form action="{{ route('dashboard.tard-points.update', $tardPoint->id) }}"
                                        method="post">
                                        @csrf
                                        @method('PUT')
                                        <div class="row g-3">
                                            <div class="col-md-4">
                                                <label class="form-label">{{ __('Name') }}</label>
                                                <input type="text" name="name"
                                                    value="{{ old('name', $tardPoint->user?->name) }}"
                                                    class="form-control" />
                                            </div>
                                            <div class="col-md-4">
                                                <label class="form-label">{{ __('Phone') }}</label>
                                                <input type="text" name="phone"
                                                    value="{{ old('phone', $tardPoint->user?->phone) }}"
                                                    class="form-control" />
                                            </div>
                                            <div class="col-md-4">
                                                <label class="form-label">{{ __('Status') }}</label>
                                                @php
                                                    $statusOptions = [
                                                        \App\UserStatusEnum::PENDING->value => __('Pending'),
                                                        \App\UserStatusEnum::ACTIVE->value => __('Active'),
                                                        \App\UserStatusEnum::UNACTIVE->value => __('Rejected'),
                                                    ];
                                                @endphp
                                                <select name="status" class="form-select">
                                                    @foreach ($statusOptions as $val => $label)
                                                        <option value="{{ $val }}" @selected(old('status', $tardPoint->user?->status) == $val)>
                                                            {{ $label }}</option>
                                                    @endforeach
                                                </select>
                                            </div>

                                            <div class="col-md-8">
                                                <label class="form-label">{{ __('Address') }}</label>
                                                <input type="text" name="address_details"
                                                    value="{{ old('address_details', $tardPoint->user?->address_details) }}"
                                                    class="form-control" />
                                            </div>

                                            {{-- <div class="col-md-2">
                                    <label class="form-label">{{ __('Lat:') }}</label>
                                    <input type="number" step="0.000001" name="latitude" value="{{ old('latitude', $tardPoint->user?->latitude) }}" class="form-control" />
                                  </div>
                                  <div class="col-md-2">
                                    <label class="form-label">{{ __('Lng:') }}</label>
                                    <input type="number" step="0.000001" name="longitude" value="{{ old('longitude', $tardPoint->user?->longitude) }}" class="form-control" />
                                  </div> --}}

                                            <div class="col-md-2">
                                                <label class="form-label">{{ __('Rating') }}</label>
                                                <input type="number" name="rating" min="0" max="5"
                                                    value="{{ old('rating', $tardPoint->user?->rating) }}"
                                                    class="form-control" />
                                            </div>
                                            <div class="col-md-2 d-flex align-items-center">
                                                <div class="form-check mt-4">
                                                    <input class="form-check-input" type="checkbox" name="verified"
                                                        value="1" id="verifiedTP" @checked(old('verified', $tardPoint->user?->verified))>
                                                    <label class="form-check-label"
                                                        for="verifiedTP">{{ __('Verified') }}</label>
                                                </div>
                                            </div>

                                            <div class="col-md-4">
                                                <label class="form-label">{{ __('Category') }}</label>
                                                <select name="category_id" class="form-select">
                                                    <option value="">{{ __('-- Select Category --') }}</option>
                                                    @foreach ($categories as $cat)
                                                        <option value="{{ $cat->id }}" @selected(old('category_id', $tardPoint->category_id) == $cat->id)>
                                                            {{ $cat->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>

                                            <div class="col-md-4">
                                                <label class="form-label">{{ __('Team') }}</label>
                                                <select name="team_id" class="form-select">
                                                    <option value="">{{ __('-- Select Team --') }}</option>
                                                    @isset($teams)
                                                        @foreach ($teams as $team)
                                                            <option value="{{ $team->id }}" @selected(old('team_id', $tardPoint->team_id) == $team->id)>
                                                                {{ $team->name }}</option>
                                                        @endforeach
                                                    @endisset
                                                </select>
                                            </div>
                                            <div class="col-md-4 d-flex align-items-center">
                                                <div class="form-check mt-4">
                                                    <input class="form-check-input" type="checkbox" name="team_lead"
                                                        value="1" id="teamLeadTP" @checked(old('team_lead', $tardPoint->team_lead))>
                                                    <label class="form-check-label"
                                                        for="teamLeadTP">{{ __('Team Lead') }}</label>
                                                </div>
                                            </div>

                                            {{-- Wallet Settings --}}
                                            <div class="col-12 mt-4">
                                                <h6 class="mb-3">{{ __('Wallet Settings') }}</h6>
                                            </div>

                                            <div class="col-md-6">
                                                <label class="form-label">{{ __('Credit on Directed Shipment') }}</label>
                                                <input type="number" step="0.01" name="credit_on_directed_shipment"
                                                    value="{{ old('credit_on_directed_shipment', $tardPoint->credit_on_directed_shipment) }}"
                                                    class="form-control" />
                                            </div>

                                            <div class="col-md-6">
                                                <label class="form-label">{{ __('Credit on Forwarded Shipment') }}</label>
                                                <input type="number" step="0.01" name="credit_on_forwarded_shipment"
                                                    value="{{ old('credit_on_forwarded_shipment', $tardPoint->credit_on_forwarded_shipment) }}"
                                                    class="form-control" />
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <x-map :object="$tardPoint->user"></x-map>
                                        </div>
                                        <div class="mt-3">
                                            <button type="submit"
                                                class="btn btn-primary">{{ __('Save Changes') }}</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        {{-- @if ($isRequest) --}}
                        <div class="col-12">
                            <div class="card">
                                <div class="card-header">
                                    <h5 class="mb-0">{{ __('Uploaded Documents') }}</h5>
                                </div>
                                <div class="card-body">
                                    <div class="row g-3">
                                        {{-- Commercial Register --}}
                                        <div class="col-md-4">
                                            <div class="card h-100">
                                                <div class="card-header">
                                                    <h6 class="mb-0">
                                                        {{ __('Building Facade') }}</h6>
                                                </div>
                                                <div class="card-body d-flex align-items-center justify-content-center">
                                                    @php
                                                        $commercialRegisterUrl = $tardPoint->getFirstMediaUrl(
                                                            'building_facade',
                                                        );
                                                    @endphp
                                                    @if ($commercialRegisterUrl)
                                                        <div class="text-center">
                                                            @if (Str::endsWith($commercialRegisterUrl, ['.jpg', '.jpeg', '.png', '.gif', '.webp']))
                                                                <img src="{{ $commercialRegisterUrl }}"
                                                                    alt="Building Facade" class="img-fluid mb-2"
                                                                    style="max-height: 200px;">
                                                            @else
                                                                <i class="ti ti-file-text"
                                                                    style="font-size: 80px; color: #696cff;"></i>
                                                            @endif
                                                            <div class="mt-2">
                                                                <a href="{{ $commercialRegisterUrl }}" target="_blank"
                                                                    class="btn btn-sm btn-primary">
                                                                    <i
                                                                        class="ti ti-download me-1"></i>{{ __('Download') }}
                                                                </a>
                                                            </div>
                                                        </div>
                                                    @else
                                                        <span class="text-muted">{{ __('No file uploaded') }}</span>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>

                                        {{-- VAT Number --}}
                                        <div class="col-md-4">
                                            <div class="card h-100">
                                                <div class="card-header">
                                                    <h6 class="mb-0">{{ __('Storage Inside') }}</h6>
                                                </div>
                                                <div class="card-body d-flex align-items-center justify-content-center">
                                                    @php
                                                        $vatNumberUrl = $tardPoint->getFirstMediaUrl('storage_inside');
                                                    @endphp
                                                    @if ($vatNumberUrl)
                                                        <div class="text-center">
                                                            @if (Str::endsWith($vatNumberUrl, ['.jpg', '.jpeg', '.png', '.gif', '.webp']))
                                                                <img src="{{ $vatNumberUrl }}" alt="Storage Inside"
                                                                    class="img-fluid mb-2" style="max-height: 200px;">
                                                            @else
                                                                <i class="ti ti-file-text"
                                                                    style="font-size: 80px; color: #696cff;"></i>
                                                            @endif
                                                            <div class="mt-2">
                                                                <a href="{{ $vatNumberUrl }}" target="_blank"
                                                                    class="btn btn-sm btn-primary">
                                                                    <i
                                                                        class="ti ti-download me-1"></i>{{ __('Download') }}
                                                                </a>
                                                            </div>
                                                        </div>
                                                    @else
                                                        <span class="text-muted">{{ __('No file uploaded') }}</span>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="card h-100">
                                                <div class="card-header">
                                                    <h6 class="mb-0">{{ __('Street') }}</h6>
                                                </div>
                                                <div class="card-body d-flex align-items-center justify-content-center">
                                                    @php
                                                        $vatNumberUrl = $tardPoint->getFirstMediaUrl('street');
                                                    @endphp
                                                    @if ($vatNumberUrl)
                                                        <div class="text-center">
                                                            @if (Str::endsWith($vatNumberUrl, ['.jpg', '.jpeg', '.png', '.gif', '.webp']))
                                                                <img src="{{ $vatNumberUrl }}" alt="Street"
                                                                    class="img-fluid mb-2" style="max-height: 200px;">
                                                            @else
                                                                <i class="ti ti-file-text"
                                                                    style="font-size: 80px; color: #696cff;"></i>
                                                            @endif
                                                            <div class="mt-2">
                                                                <a href="{{ $vatNumberUrl }}" target="_blank"
                                                                    class="btn btn-sm btn-primary">
                                                                    <i
                                                                        class="ti ti-download me-1"></i>{{ __('Download') }}
                                                                </a>
                                                            </div>
                                                        </div>
                                                    @else
                                                        <span class="text-muted">{{ __('No file uploaded') }}</span>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="card h-100">
                                                <div class="card-header">
                                                    <h6 class="mb-0">{{ __('Nearest Landmark') }}</h6>
                                                </div>
                                                <div class="card-body d-flex align-items-center justify-content-center">
                                                    @php
                                                        $vatNumberUrl = $tardPoint->getFirstMediaUrl(
                                                            'nearest_landmark',
                                                        );
                                                    @endphp
                                                    @if ($vatNumberUrl)
                                                        <div class="text-center">
                                                            @if (Str::endsWith($vatNumberUrl, ['.jpg', '.jpeg', '.png', '.gif', '.webp']))
                                                                <img src="{{ $vatNumberUrl }}" alt="Nearest Landmark"
                                                                    class="img-fluid mb-2" style="max-height: 200px;">
                                                            @else
                                                                <i class="ti ti-file-text"
                                                                    style="font-size: 80px; color: #696cff;"></i>
                                                            @endif
                                                            <div class="mt-2">
                                                                <a href="{{ $vatNumberUrl }}" target="_blank"
                                                                    class="btn btn-sm btn-primary">
                                                                    <i
                                                                        class="ti ti-download me-1"></i>{{ __('Download') }}
                                                                </a>
                                                            </div>
                                                        </div>
                                                    @else
                                                        <span class="text-muted">{{ __('No file uploaded') }}</span>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>


                                    </div>
                                </div>
                            </div>
                        </div>
                        {{-- @endif --}}

                        {{-- <div class="col-md-6">
                            <div class="card">
                                <div class="card-header">
                                    <h5 class="mb-0">{{ __('Category Management') }}</h5>
                                </div>
                                <div class="card-body">
                                    <form action="{{ route('dashboard.tard-points.update-category', $tardPoint->id) }}"
                                        method="post">
                                        @csrf
                                        @method('PATCH')
                                        <div class="mb-3">
                                            <label class="form-label">{{ __('Current Category') }}</label>
                                            <div class="form-control bg-light">
                                                {{ $tardPoint->category?->name ?? __('Not Assigned') }}</div>
                                        </div>
                                        <div class="mb-3">
                                            <label class="form-label">{{ __('Assign Category') }}</label>
                                            <select name="category_id" class="form-select select2">
                                                <option value="">{{ __('-- Select Category --') }}</option>
                                                @foreach ($categories as $cat)
                                                    <option value="{{ $cat->id }}" @selected($tardPoint->category_id == $cat->id)>
                                                        {{ $cat->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <button class="btn btn-primary" type="submit">{{ __('Save Category') }}</button>
                                    </form>
                                </div>
                            </div>
                        </div> --}}

                        {{-- <div class="col-md-6">
                            <div class="card">
                                <div class="card-header">
                                    <h5 class="mb-0">{{ __('Team Information') }}</h5>
                                </div>
                                <div class="card-body">
                                    <dl class="row mb-0">
                                        <dt class="col-sm-4">{{ __('Team') }}</dt>
                                        <dd class="col-sm-8">{{ $tardPoint->team?->name ?? __('No Team Assigned') }}</dd>
                                        <dt class="col-sm-4">{{ __('Team Lead') }}</dt>
                                        <dd class="col-sm-8">
                                            <span class="badge bg-{{ $tardPoint->team_lead ? 'success' : 'secondary' }}">
                                                {{ $tardPoint->team_lead ? __('Yes') : __('No') }}
                                            </span>
                                        </dd>
                                    </dl>
                                </div>
                            </div>
                        </div> --}}

                        @if ($isRequest && $tardPoint->user)
                            <x-user-approval-card :user="$tardPoint->user"></x-user-approval-card>
                        @endif

                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection