@extends('admin.layout.master')

@section('css')
    <link rel="stylesheet" type="text/css" href="{{ asset('admin/app-assets/vendors/css/extensions/sweetalert2.min.css') }}">
@endsection

@section('content')
@php
    $statusBadge = match ($settlement->status) {
        App\Enums\SettlementStatus::PENDING => 'warning',
        App\Enums\SettlementStatus::ACCEPTED => 'success',
        App\Enums\SettlementStatus::REJECTED => 'danger',
        default => 'secondary',
    };
@endphp

<div class="content-body">
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center flex-wrap">
            <div>
                <h4 class="mb-0">{{ __('admin.settlement_details') }} #{{ $settlement->id }}</h4>
                <small class="text-muted">{{ $settlement->requested_at?->format('Y-m-d H:i') ?? '—' }}</small>
            </div>
            <div class="d-flex align-items-center mt-1 mt-md-0">
                <span class="badge badge-{{ $statusBadge }} mr-1">
                    {{ __('admin.settlement_status.' . $settlement->status) }}
                </span>
                <a href="{{ route('admin.settlements.index') }}" class="btn btn-outline-primary btn-sm">{{ __('admin.back') }}</a>
            </div>
        </div>
        <div class="card-body">
            <h5 class="mb-1">{{ __('admin.provider') }}</h5>
            <div class="row mb-2">
                <div class="col-md-4 mb-1">
                    <strong>{{ __('admin.provider') }}:</strong>
                    @if($settlement->provider)
                        <a href="{{ route('admin.providers.show', $settlement->provider->id) }}">{{ $settlement->provider->name }}</a>
                    @else
                        —
                    @endif
                </div>
                <div class="col-md-4 mb-1">
                    <strong>{{ __('admin.email') }}:</strong>
                    {{ $settlement->provider?->email ?? '—' }}
                </div>
                <div class="col-md-4 mb-1">
                    <strong>{{ __('admin.phone') }}:</strong>
                    {{ $settlement->provider?->phone ?? '—' }}
                </div>
            </div>

            <hr>

            <h5 class="mb-1">{{ __('admin.settlement_details') }}</h5>
            <div class="row mb-2">
                <div class="col-md-4 mb-1">
                    <strong>{{ __('admin.rides_count') }}:</strong>
                    {{ $settlement->rides_count }}
                </div>
                <div class="col-md-4 mb-1">
                    <strong>{{ __('admin.total_revenue') }}:</strong>
                    {{ number_format($settlement->total_revenue, 2) }} {{ __('admin.sar') }}
                </div>
                <div class="col-md-4 mb-1">
                    <strong>{{ __('admin.total_amount') }}:</strong>
                    {{ number_format($settlement->total_amount, 2) }} {{ __('admin.sar') }}
                </div>
                <div class="col-md-4 mb-1">
                    <strong>{{ __('admin.profit_rate') }}:</strong>
                    {{ $settlement->profit_rate }}%
                </div>
                <div class="col-md-4 mb-1">
                    <strong>{{ __('admin.requested_at') }}:</strong>
                    {{ $settlement->requested_at?->format('Y-m-d H:i') ?? '—' }}
                </div>
                @if($settlement->reviewed_at)
                    <div class="col-md-4 mb-1">
                        <strong>{{ __('admin.reviewed_at') }}:</strong>
                        {{ $settlement->reviewed_at->format('Y-m-d H:i') }}
                    </div>
                @endif
                @if($settlement->reviewer)
                    <div class="col-md-4 mb-1">
                        <strong>{{ __('admin.reviewed_by') }}:</strong>
                        {{ $settlement->reviewer->name }}
                    </div>
                @endif
            </div>

            @if($settlement->status === App\Enums\SettlementStatus::ACCEPTED && $settlement->transfer_proof_url)
                <div class="mb-2">
                    <strong>{{ __('admin.transfer_proof') }}:</strong>
                    <a href="{{ $settlement->transfer_proof_url }}" target="_blank" class="btn btn-sm btn-warning ml-1">{{ __('admin.view') }}</a>
                </div>
            @endif

            @if($settlement->status === App\Enums\SettlementStatus::REJECTED && $settlement->rejection_reason)
                <div class="alert alert-danger mb-2">
                    <strong>{{ __('admin.rejection_reason') }}:</strong> {{ $settlement->rejection_reason }}
                </div>
            @endif

            <hr>

            <h5 class="mb-1">{{ __('admin.rides') }}</h5>
            <div class="table-responsive">
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>{{ __('admin.scooter_code') }}</th>
                            <th>{{ __('admin.ride_cost') }}</th>
                            <th>{{ __('admin.share_amount') }}</th>
                            <th>{{ __('admin.ended_at') }}</th>
                            <th>{{ __('admin.control') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($settlement->rides as $ride)
                            <tr>
                                <td>{{ $ride->id }}</td>
                                <td>{{ $ride->scooter?->code ?? '—' }}</td>
                                <td>{{ number_format($ride->pivot->ride_cost, 2) }} {{ __('admin.sar') }}</td>
                                <td>{{ number_format($ride->pivot->share_amount, 2) }} {{ __('admin.sar') }}</td>
                                <td>{{ $ride->ended_at?->format('Y-m-d H:i') ?? '—' }}</td>
                                <td class="product-action">
                                    @haspermission('admin.rides.show')
                                    <span class="action-show text-warning">
                                        <a href="{{ route('admin.rides.show', ['id' => $ride->id]) }}">
                                            <i class="feather icon-eye"></i>
                                        </a>
                                    </span>
                                    @endhaspermission
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="6" class="text-center text-muted">{{ __('admin.there_are_no_matches_matching') }}</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            @if($settlement->status === App\Enums\SettlementStatus::PENDING)
                <div class="mt-3">
                    @haspermission('admin.settlements.accept')
                    <button type="button" class="btn btn-success settlement-accept"
                        data-url="{{ route('admin.settlements.accept', $settlement->id) }}">
                        <i class="feather icon-check"></i> {{ __('admin.accept') }}
                    </button>
                    @endhaspermission
                    @haspermission('admin.settlements.reject')
                    <button type="button" class="btn btn-danger settlement-reject"
                        data-url="{{ route('admin.settlements.reject', $settlement->id) }}">
                        <i class="feather icon-x"></i> {{ __('admin.reject') }}
                    </button>
                    @endhaspermission
                </div>
            @endif
        </div>
    </div>
</div>
@include('admin.settlements.partials.accept_modal')
@include('admin.settlements.partials.reject_modal')
@endsection

@section('js')
<script src="{{ asset('admin/app-assets/vendors/js/extensions/sweetalert2.all.min.js') }}"></script>
@include('admin.shared.swal-config')
<script>
$(document).on('click', '.settlement-accept', function (e) {
    e.preventDefault();
    $('#accept_modal').modal('show');
    $('#accept_form').attr('action', $(this).data('url'));
});
$(document).on('click', '.settlement-reject', function (e) {
    e.preventDefault();
    $('#reject_modal').modal('show');
    $('#reject_form').attr('action', $(this).data('url'));
    $('#reject_reason').val('');
    $('#reject_form').parsley().reset();
});
$('#accept_form').on('submit', function (e) {
    e.preventDefault();
    const formData = new FormData(this);
    $.ajax({
        url: $(this).attr('action'),
        type: 'POST',
        data: formData,
        processData: false,
        contentType: false,
        headers: { 'Accept': 'application/json' },
        success: function (res) {
            $('#accept_modal').modal('hide');
            $('#accept_form')[0].reset();
            adminAlert({ icon: 'success', title: res.message || '{{ __('admin.done') }}' }).then(() => location.reload());
        },
        error: function (xhr) {
            adminAlert({ icon: 'error', title: xhr.responseJSON?.message || '{{ __('admin.error') }}' });
        }
    });
});
$('#reject_form').on('submit', function (e) {
    e.preventDefault();
    const form = $(this);
    if (!form.parsley().validate()) {
        return;
    }
    $.ajax({
        url: $(this).attr('action'),
        type: 'POST',
        data: $(this).serialize(),
        headers: { 'Accept': 'application/json' },
        success: function (res) {
            $('#reject_modal').modal('hide');
            adminAlert({ icon: 'success', title: res.message || '{{ __('admin.done') }}' }).then(() => location.reload());
        },
        error: function (xhr) {
            adminAlert({ icon: 'error', title: xhr.responseJSON?.message || '{{ __('admin.error') }}' });
        }
    });
});
</script>
@endsection