@extends('layouts.admin')

@section('title', 'Currencies')

@section('buttons')
    <button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#new">New</button>
@endsection

@section('content')
    <div class="card">
        <div class="table-responsive">
            <table class="table table-vcenter card-table">
                <thead>
                <tr>
                    <th>#</th>
                    <th>Currency</th>
                    <th>Exchange rate</th>
                    <th>Updated at</th>
                    <th class="w-1"></th>
                </tr>
                </thead>
                <tbody>
                @foreach($currencies as $currency)
                    <tr>
                        <td>{{ $currency->id }}</td>
                        <td>{{ $currency->iso }}</td>
                        <td>{{ $currency->rate }}</td>
                        <td>{{ $currency->updated_at->format('d.m.Y H:i:s') }}</td>
                        <td>
                            <form method="POST" action="{{ route('admin.currencies.destroy', $currency->id) }}">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-danger" onclick="return confirm('Are you sure?')">Delete</button>
                            </form>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>

    <div class="modal fade" id="new" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h1 class="modal-title fs-5" id="exampleModalLabel">New currency</h1>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <form method="POST" action="{{ route('admin.currencies.store') }}">
                        @csrf
                        <div class="mb-3">
                            <label class="form-label required">Currency ISO code</label>
                            {{ Form::input()->required()->name('iso')->attribute('maxlength', 3)->attribute('minlength', 3) }}
                        </div>
                        <div class="mb-3">
                            <label class="form-label required">Current exchange rate</label>
                            {{ Form::input()->type('number')->required()->name('rate')->attribute('step', '0.00000001')->attribute('min', 0)->attribute('max', '99999999.99999999') }}
                        </div>
                        <button type="submit" class="btn btn-success">Add</button>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
@endsection