@extends('admin.template')
@section('title')
    <title>Admin-Withdraws</title>
@endsection

@section('css')

@endsection
@section('content')
    <div class="content-wrapper">
        <div class="row">
            <div class="col-md-12 grid-margin">
                <div class="d-flex justify-content-between flex-wrap">
                    <div class="d-flex align-items-end flex-wrap">
                        <div class="me-md-3 me-xl-5">
                            <h2>Currency Rate List</h2>
                        </div>
                    </div>
                    <div class="d-flex justify-content-between align-items-end flex-wrap">
                        <div class="d-flex">
                            <i class="mdi mdi-home text-muted hover-cursor"></i>
                            <p class="text-muted mb-0 hover-cursor">&nbsp;/&nbsp;<a href="{{url('/dashboard')}}">Dashboard&nbsp;</a>/&nbsp;
                            </p>
                            <p class="text-primary mb-0 hover-cursor">Currency-Rate-List</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <h4>Currency Rates</h4>
            <col-md-12>
                <form method="POST" action="{{route('currencyRateSave')}}">
                    @csrf
                    <div class="row">
                        @foreach($currencies as $currency)
                            <div class="col-md-3">
                                <label>{{$currency->name}} Rate</label>
                                <input class="form-control" type="text" name="rate[]"

                                       @if($currency->name=="BTC")
                                        value="{{round($btcRate,2)}}"
                                       @elseif($currency->name=="ETH")
                                        value="{{round($ethRate,2)}}"
                                       @else
                                        value="1"
                                       @endif
                                >
                                <input type="hidden" name="id[]" value="{{$currency->id}}">
                                <input type="hidden" name="currency[]" value="{{$currency->name}}">
                            </div>
                        @endforeach
                        <div class="col-md-3">
                            <label>Profit Percentage</label>
                            <input class="form-control" type="text" name="profit_percentage" value="0.25">
                        </div>
                        <div class="col-md-12 p-2">
{{--                            <input type="submit" value="Update Currency Rate">--}}
                            <button type="submit" class="btn btn-primary">Update Currency Rates</button>
                        </div>
                    </div>
                </form>
            </col-md-12>
        </div>
        <div class="row">
            <div class="col-md-12 grid-margin">
                <div class="d-flex justify-content-between align-items-end flex-wrap" style="float:right">
                    <a  href="{{route('updateProfit')}}" class="btn btn-primary">Distribute Profit To All Customers</a>
                </div>
            </div>
        </div>

        @if ($message = Session::get('success'))
            <div class="alert alert-success alert-block">
                <button type="button" class="close" data-dismiss="alert">×</button>
                <strong>{{ $message }}</strong>
            </div>
        @endif

        @if ($message = Session::get('error'))
            <div class="alert alert-danger alert-block">
                <button type="button" class="close" data-dismiss="alert">×</button>
                <strong>{{ $message }}</strong>
            </div>
        @endif
        <div class="row">
            <div class="col-lg-12 col-md-12">
                <div class="card mb-30">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <h3>Currency Rates</h3>
                    </div>
                    <div class=" card-body table-responsive">
                        <table id="zero_configuration_table" class="table">
                            <thead>
                            <tr>
                                <th>id</th>
                                <th>Currency</th>
                                <th>Rate</th>
                                <th>Profit Percentage</th>
                                <th>Date</th>
                                <th>Action</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($currencyRates as $currencyRate)
                                <tr>
                                    <td>{{$loop->iteration}}</td>
                                    <td>{{$currencyRate->currency}}</td>
                                    <td>{{$currencyRate->currency_rate}}</td>
                                    <td>{{$currencyRate->profit_percentage}}</td>
                                    <td>{{$currencyRate->created_at}}</td>
                                    <td>
                                        <div class="table-action-wrapper">
                                            <div class="table-action-inner">
                                                <a href="#"
                                                   class="btn btn-info text-white btn-sm "><i
                                                        class="mdi mdi-lead-pencil"></i></a>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="flex-grow-1"></div>
    </div>
    <div id='loader'
         style='display: none; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%;'>
        <img src="{{ asset('assets-admin/images/loader/loader.gif') }}" width='100' height='100'>
    </div>
@endsection

@section('js')

    <script type="text/javascript">
        $(document).ready(function () {

        });
    </script>

@endsection