@extends('dashboard.admin.platforms.layout')

@section('platforms')
<div class="d-flex justify-content-between align-items-center mb-5">
  <h3>Editer</h3>
  <a href={{route('platforms.index')}} style="color: white;"><i class="bi bi-arrow-bar-left" style="margin-right: 5px;"></i>Back</a>
</div>

<div class="row mf_bg_dark">
  <div class="col-10">
    <div class="row">
      <p class="col-3"><span class="text-muted m-0">Platform : </span> {{ $platform->name }}</p>
      <p class="col-5"><span class="text-muted m-0">Base url :</span> {{ $platform->base_url }}</p>
      <p class="col-4"><span class="text-muted m-0">Expiration Hours :</span> {{ $platform->expiration_hours }}</p>
      <p class="col-3"><span class="text-muted m-0">Has Dual investments :</span> {{ $platform->has_dual_investment }}</p>
      <p class="col-3"><span class="text-muted m-0">Has Future :</span> {{ $platform->has_future }}</p>
      <p class="col-3"><span class="text-muted m-0">Has Options :</span> {{ $platform->has_options }}</p>
      <p class="col-3"><span class="text-muted m-0">Has Staking :</span> {{ $platform->has_staking }}</p>
    </div>
  </div>
  <div class="col-2 text-end align-self-center">
    <a class="mf_btn_anim" href="{{route('platforms.edit', $platform)}}" role="button">Editer</a>
  </div>
</div>


<div class="mf_bg_dark p-0 mt-5">
  <div class=" disnone w-100">
    <table class="mf_table table-sm table-nowrap">
      <thead>
        <tr>
          <td>Id</td>
          <td>Link</td>
        </tr>
      </thead>
      <tbody>
        @foreach ($referrals as $referral)
        <tr>
          <td>{{ $referral->id }}</td>
          <td>{{ $referral->referral_link }}</td>
          @if ($referral->filled == 0)
          <td class="text-end"><a class="mf_btn_anim" href={{route('referral.edit', $referral) }}>Edit link</a></td>
          @else
          <td>>Filled</td>
          @endif
        </tr>
        @endforeach
      </tbody>
    </table>
  </div>
  <div class="row mt-3 text-center">
    <div class="col p-2 mb-3">
      <a class="mf_btn_anim" href="{{route('referral.add', $platform)}}" role="button">Add a referral link</a>
    </div>
  </div>
</div>

<div class="mt-5 d-flex align-items-center justify-content-between">
  <div style="display: flex; gap: 10px; align-items: center;">
    <button type="button" class="mf_btn_danger" data-bs-toggle="modal" data-bs-target="#deleteConfirmation">
      Delete platform
    </button>
  </div>
</div>

<!-- Modal -->
<div class="modal fade" id="deleteConfirmation" tabindex="-1" role="dialog" aria-labelledby="deleteConfirmationLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="deleteConfirmationLabel">Confirmation</h5>
      </div>
      <div class="modal-body">
        <p>Are you sure you want to delete this platform?</p>
      </div>
      <div class="modal-footer d-flex justify-content-between">
        <button type="button" class="mf_btn_secondary" data-bs-dismiss="modal">Cancel</button>
        <form action="{{ route('platforms.destroy', $platform) }}" method="post">
          @method('delete')
          @csrf
          <input class="mf_btn_danger" type="submit" value="Delete" />
        </form>
      </div>
    </div>
  </div>
</div>

@endsection