@extends('core::layouts.master')

@section('title', '| Currencies')

@section('content')
<div class="d-sm-flex align-items-center justify-content-between mb-4">
    <h1 class="h3 mb-0 text-gray-800">Currencies</h1>
    <div class="btn-group">
        <a href="{{ route('administration.landing_page') }}" class="btn btn-sm btn-default shadow-sm"><i class="fas fa-list fa-sm"></i> Back to Administration</a>
    </div>
</div>

<div class="row">
    <div class="col-md-12">
        <div class="card shadow mb-4">
            <div class="card-header py-3">
                <h6 class="m-0 font-weight-bold text-primary">All Currencies</h6>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-hover" id="currencies-dataTable" width="100%" cellspacing="0">
                        <thead>
                            <tr>
                                <th>Name</th>
                                <th>Code</th>
                                <th class="text-center" style="width: 90px;">Active</th>
                                <th class="text-center" style="width: 90px;">Default</th>
                                <th class="text-center" style="width: 190px;">Last updated</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if(count($currencies) > 0)
                            @foreach($currencies as $currency)
                            <tr>
                                <td>{{$currency->name}} </td>
                                <td>{{$currency->code}}</td>
                                <td class="text-center" title="{{ $currency->active && $currency->active === 1 ? 'Active' : 'In-Active' }}">
                                    <button type="button" class="btn btn-sm btn-light" data-toggle="modal" data-target="#confirmationModal-CurrencyActive-{{$currency->id}}">
                                        <i class="mt-2 fas fa-{{ $currency->active && $currency->active === 1 ? 'check-circle text-success' : 'times-circle text-danger' }}"></i>
                                    </button>
                                    @include ('partials.modals._confirmation', ['id' => $currency->id, 'customName' => 'CurrencyActive', 'confirm_route' => 'admin.currencies.change_active', 'message' => 'Are you sure you want to ' . ($currency->active && $currency->active === 1 ? 'de-activate' : 'activate') . ' ' . ($currency->name ? '' : 'this') . ' currency' . ($currency->name ? ' <strong>' . $currency->name . '</strong>' : '') . '?', 'submitLabel' => ($currency->active && $currency->active === 1 ? 'De-activate' : 'Activate')])
                                </td>
                                <td class="text-center" title="{{ $currency->default && $currency->default === 1 ? 'Default' : '' }}">
                                    @if ($currency->default && $currency->default === 1)
                                    <div class="btn btn-sm btn-light">
                                        <i class="mt-2 fas fa-check-circle text-success"></i>
                                    </div>
                                    @else
                                    <button type="button" class="btn btn-sm btn-light" data-toggle="modal" data-target="#confirmationModal-CurrencyDefault-{{$currency->id}}">
                                        <i class="mt-2 fas fa-{{ $currency->default && $currency->default === 1 ? 'check-circle text-success' : 'times-circle text-danger' }}"></i>
                                    </button>
                                    @include ('partials.modals._confirmation', ['id' => $currency->id, 'customName' => 'CurrencyDefault', 'confirm_route' => 'admin.currencies.change_default', 'message' => 'Are you sure you want to set ' . ($currency->name ? (' <strong>' . $currency->name . '</strong>') : 'this') . ' as the default currency?', 'submitLabel' => 'Set as default'])
                                    @endif
                                </td>
                                <td>{{ $currency->updated_at ? date('d M Y H:i:s', strtotime($currency->updated_at)) : '' }} </td>
                            </tr>
                            @endforeach
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script type="text/javascript">
$(document).ready(function(){
    $("#currencies-dataTable").DataTable();
});
</script>
@endpush