@extends('layouts.sidebar')
@section('title', 'Nomadic - Modification Detail')
@section('content')
<div class="pagetitle">
  <h1>Modification #{{ $mod->id }}</h1>
  <nav><ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="{{ url('backend/booking-modifications') }}">Booking Modifications</a></li>
    <li class="breadcrumb-item active">Modification #{{ $mod->id }}</li>
  </ol></nav>
</div>

@if(session('success'))
<div class="alert alert-success alert-dismissible fade show" role="alert">
  {{ session('success') }}
  <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
@endif
@if(session('error'))
<div class="alert alert-danger alert-dismissible fade show" role="alert">
  {{ session('error') }}
  <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
@endif

<section class="section">
  <div class="row">
    <div class="col-md-6">
      <div class="card">
        <div class="card-body pt-3">
          <h5 class="card-title">Modification Details</h5>
          <ul class="list-group list-group-flush">
            <li class="list-group-item d-flex justify-content-between">
              <span>Booking ID</span>
              <a href="{{ url('backend/booking-confirmations/' . $mod->booking_id) }}">{{ $mod->booking_id }}</a>
            </li>
            <li class="list-group-item d-flex justify-content-between">
              <span>Status</span>
              <span>
                @if($mod->status === 'pending')
                  <span class="badge bg-warning text-dark">Pending</span>
                @elseif($mod->status === 'approved')
                  <span class="badge bg-success">Approved</span>
                @elseif($mod->status === 'declined')
                  <span class="badge bg-danger">Declined</span>
                @else
                  <span class="badge bg-secondary">Expired</span>
                @endif
              </span>
            </li>
            <li class="list-group-item d-flex justify-content-between">
              <span>Initiated By</span>
              <span>{{ $initiator ? ($initiator->fname . ' ' . $initiator->lname) : 'Unknown' }} ({{ ucfirst($mod->initiator_type) }})</span>
            </li>
            <li class="list-group-item d-flex justify-content-between">
              <span>Points Delta</span>
              <span class="{{ $mod->points_delta > 0 ? 'text-danger' : ($mod->points_delta < 0 ? 'text-success' : '') }}">
                {{ $mod->points_delta > 0 ? '+' : '' }}{{ $mod->points_delta }}
              </span>
            </li>
            <li class="list-group-item d-flex justify-content-between">
              <span>Expires</span>
              <span>{{ $mod->expires_at ? \Carbon\Carbon::parse($mod->expires_at)->format('M d, Y H:i') : '-' }}</span>
            </li>
            @if($mod->decline_reason)
            <li class="list-group-item">
              <span class="d-block text-muted">Decline Reason</span>
              <span>{{ $mod->decline_reason }}</span>
            </li>
            @endif
            @if($approver)
            <li class="list-group-item d-flex justify-content-between">
              <span>Approved By</span>
              <span>{{ $approver->fname }} {{ $approver->lname }}</span>
            </li>
            @endif
          </ul>
        </div>
      </div>

      <div class="card">
        <div class="card-body pt-3">
          <h5 class="card-title">Proposed Changes</h5>
          <div class="table-responsive">
            <table class="table table-sm">
              <thead><tr><th>Field</th><th>New Value</th></tr></thead>
              <tbody>
                @foreach($mod->changes as $field => $value)
                <tr>
                  <td>{{ ucwords(str_replace('_', ' ', $field)) }}</td>
                  <td>{{ is_array($value) ? json_encode($value) : $value }}</td>
                </tr>
                @endforeach
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>

    <div class="col-md-6">
      <div class="card">
        <div class="card-body pt-3">
          <h5 class="card-title">Current Booking</h5>
          @if($master)
          <ul class="list-group list-group-flush">
            <li class="list-group-item d-flex justify-content-between">
              <span>Member</span>
              <span>{{ $member ? ($member->fname . ' ' . $member->lname) : 'Unknown' }}</span>
            </li>
            <li class="list-group-item d-flex justify-content-between">
              <span>Dates</span>
              <span>{{ $master->start_date }} to {{ $master->end_date }}</span>
            </li>
            <li class="list-group-item d-flex justify-content-between">
              <span>Time</span>
              <span>{{ substr($master->start_time, 0, 5) }} - {{ substr($master->end_time, 0, 5) }}</span>
            </li>
            <li class="list-group-item d-flex justify-content-between">
              <span>Total Points</span>
              <span>{{ $master->total_points }}</span>
            </li>
          </ul>
          @else
          <p class="text-muted">Booking not found.</p>
          @endif
        </div>
      </div>

      @if($mod->status === 'pending')
      <div class="card border-primary">
        <div class="card-body pt-3">
          <h5 class="card-title">Actions</h5>
          <div class="d-flex gap-3 mb-3">
            <form method="POST" action="{{ url('backend/booking-modifications/' . $mod->id . '/approve') }}" onsubmit="return confirm('Approve this modification and apply changes?')">
              @csrf
              <button type="submit" class="btn btn-success">
                <i class="bi bi-check-lg"></i> Approve & Apply
              </button>
            </form>
          </div>
          <form method="POST" action="{{ url('backend/booking-modifications/' . $mod->id . '/decline') }}">
            @csrf
            <div class="mb-2">
              <textarea name="decline_reason" class="form-control form-control-sm" rows="2" placeholder="Reason for declining (optional)"></textarea>
            </div>
            <button type="submit" class="btn btn-danger" onclick="return confirm('Decline this modification?')">
              <i class="bi bi-x-lg"></i> Decline
            </button>
          </form>
        </div>
      </div>
      @endif

      @if($unavailabilities->isNotEmpty())
      <div class="card border-warning">
        <div class="card-body pt-3">
          <h5 class="card-title text-warning">Resource Unavailability</h5>
          <div class="table-responsive">
            <table class="table table-sm">
              <thead><tr><th>Type</th><th>Resource ID</th><th>Reason</th><th>Resolution</th></tr></thead>
              <tbody>
                @foreach($unavailabilities as $ua)
                <tr>
                  <td>{{ ucwords(str_replace('_', ' ', $ua->resource_type)) }}</td>
                  <td>{{ $ua->resource_id }}</td>
                  <td>{{ $ua->reason ?? '-' }}</td>
                  <td><span class="badge {{ $ua->resolution === 'pending' ? 'bg-warning text-dark' : 'bg-success' }}">{{ ucfirst(str_replace('_', ' ', $ua->resolution)) }}</span></td>
                </tr>
                @endforeach
              </tbody>
            </table>
          </div>
        </div>
      </div>
      @endif
    </div>
  </div>
</section>
@endsection