@extends('crm.layouts.master')
@section('title','Deposits')
@section('page-css')
    <link rel="stylesheet" href="{{ asset('assets/styles/vendor/datatables.min.css') }}">
@endsection
@section('main-content')
<div class="breadcrumb d-flex align-items-center justify-content-between w-100">
    <h3>Deposits</h3>
    <button class="btn btn-primary btn-sm ms-auto" data-toggle="modal" data-target="#add_deposit_modal">
        <i class="fa fa-plus"></i> New Deposit
    </button>
</div>
<div class="separator-breadcrumb border-top"></div>

@if(session('status'))
<div class="alert alert-info alert-dismissible fade show">
    {{ session('status') }}
    <button type="button" class="close" data-dismiss="alert">&times;</button>
</div>
@endif


<div class="row">
    <div class="col-12 mb-4">
        <div class="card text-left">
            <div class="card-body">
                <div class="table-responsive">
                    <table class="display table table-bordered" id="deposits_table" style="width:100%">
                        <thead>
                        <tr>
                            <th>#</th>
                            <th>Client</th>
                            <th>Amount</th>
                            <th>Currency</th>
                            <th>Status</th>
                            <th>Reference</th>
                            <th>Created By</th>
                            <th>Approved By</th>
                            <th>Date</th>
                            <th>Action</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($deposits as $dep)
                        <tr>
                            <td>{{ $dep->id }}</td>
                            <td>
                                <a href="{{ route('lead_detail', ['id' => $dep->lead->id ?? '']) }}" class="fw-bold">
                                    {{ $dep->lead->fname ?? '' }} {{ $dep->lead->lname ?? '' }}
                                </a>
                            </td>
                            <td class="fw-bold">{{ number_format($dep->amount, 2) }}</td>
                            <td>{{ $dep->currency }}</td>
                            <td>
                                <span class="badge bg-{{ $dep->status === 'approved' ? 'success' : ($dep->status === 'rejected' ? 'danger' : 'warning') }}">
                                    {{ ucfirst($dep->status) }}
                                </span>
                            </td>
                            <td>{{ $dep->reference ?? '—' }}</td>
                            <td>{{ $dep->creator->name ?? '—' }}</td>
                            <td>{{ $dep->approver->name ?? '—' }}</td>
                            <td>{{ $dep->created_at->format('Y-m-d H:i') }}</td>
                            <td>
                                @if($dep->status === 'pending')
                                <form method="POST" action="{{ route('trading.deposits.approve', $dep->id) }}" class="d-inline">
                                    @csrf
                                    <button type="submit" class="btn btn-sm btn-success" onclick="return confirm('Approve this deposit?')">Approve</button>
                                </form>
                                <form method="POST" action="{{ route('trading.deposits.reject', $dep->id) }}" class="d-inline">
                                    @csrf
                                    <button type="submit" class="btn btn-sm btn-danger" onclick="return confirm('Reject this deposit?')">Reject</button>
                                </form>
                                @else
                                    <span class="text-muted">—</span>
                                @endif
                            </td>
                        </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

{{-- Add Deposit Modal --}}
<div class="modal" id="add_deposit_modal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">New Deposit</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <form method="POST" action="{{ route('trading.deposits.store') }}">
                    @csrf
                    <div class="form-group mb-3">
                        <label class="form-label">Client</label>
                        <select name="lead_id" class="form-control" required>
                            <option value="">-- Select client --</option>
                            @foreach($leads as $lead)
                            <option value="{{ $lead->id }}">{{ $lead->fname }} {{ $lead->lname }} ({{ $lead->email }})</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="row">
                        <div class="col-8">
                            <div class="form-group mb-3">
                                <label class="form-label">Amount</label>
                                <input type="number" name="amount" class="form-control" step="0.01" min="0.01" required>
                            </div>
                        </div>
                        <div class="col-4">
                            <div class="form-group mb-3">
                                <label class="form-label">Currency</label>
                                <select name="currency" class="form-control" required>
                                    <option>USD</option><option>EUR</option><option>CAD</option><option>AUD</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group mb-3">
                        <label class="form-label">Reference <small class="text-muted">(optional)</small></label>
                        <input type="text" name="reference" class="form-control" placeholder="Wire ref, TxID...">
                    </div>
                    <div class="form-group mb-3">
                        <label class="form-label">Notes <small class="text-muted">(optional)</small></label>
                        <textarea name="notes" class="form-control" rows="2"></textarea>
                    </div>
                    <button type="submit" class="btn btn-primary w-100">Create Deposit</button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection
@section('page-js')
<script src="{{ asset('assets/js/vendor/datatables.min.js') }}"></script>
<script>
$(document).ready(function () {
    $('#deposits_table').DataTable({ order: [[0, 'DESC']] });
});
</script>
@endsection