@extends('admin.master_layout')

@section('contant')
@push('scripts')
<link rel="stylesheet" href="{{asset('admin_assets/dist/css/popup_form_long.css')}}">
<!-- DataTables -->
<link rel="stylesheet" href="{{asset('admin_assets/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css')}}">
<link rel="stylesheet" href="{{asset('admin_assets/plugins/datatables-responsive/css/responsive.bootstrap4.min.css')}}">
<link rel="stylesheet" href="{{asset('admin_assets/plugins/datatables-buttons/css/buttons.bootstrap4.min.css')}}">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/fixedheader/3.1.8/css/fixedHeader.dataTables.min.css">
<link rel="stylesheet" href="{{asset('admin_assets/data_table_custom_style.css')}}">
  <style>

  </style>
@endpush
<!-- Main content -->
<section class="content">
<div class="container-fluid">
<div class="row">

  <div class="col-12" style="margin-top:20px; text-align:center;">
            <div style="padding: 0 0 10px 0;">
            <table style="width:100%;">
              <tr>
                <td style="width:20%;">
                <div style="font-size:20px; color:#138496;"><b>All Currency </b></div>
                <div style="font-size:14px;">Total Currency: {{$currency->count();}}</div>
                </td>
                <td  style="text-align:right; width: 80%;">
                  <!-- Ensure that the parent `td` doesn't collapse -->
                  <div style="min-width: 100%; overflow: hidden;">
                  <form class="" action="" method="post">
                  @csrf
                    <table style="float:right;">
                      <tr>
                      <td>
                        <input type="text" name="driver_name" class="form-control" value=""  placeholder="Code">
                      </td>
                      <td>
                        <input type="text" name="contact" class="form-control" value="" placeholder="Country">
                      </td>
                      <td>
                 
                      </td>

                      <td>
                        <button type="submit" class="btn btn-success"><i class="fa fa-search"></i>&nbsp;&nbsp;Search</button>
                      </td>

                      <td>
                        <a href="" class="btn btn-info"><i class="fa fa-plus"></i>&nbsp;All Currency</a>&nbsp;&nbsp;&nbsp;
                      </td>
                      </tr>
                    </table>
                  </div>
                </td>
              </tr>
            </table>
      </form>
      </div>
      </div>


      <div class="col-12" style="margin-top:10px;">

        <div class="" style="padding-bottom:50px;">
          <div class="">
          <table class="table table-hover table-striped table-bordered" id="example1">

              <thead>
                <tr>
                  <th>SL</th>
                  <th>Image</th>
                  <th>Country </th>
                  <th>Code </th>
                  <th>Currency Rete</th>
                  <th style="text-align: right;">Actions</th>
                </tr>
              </thead>
              <tbody>
                @php 
               @endphp
                @foreach($currency as $currencies)
      
                  <tr>
                    <td>{{$loop->iteration}}</td>
                    <td><img src="{{asset('images/flags/'. $currencies->flag_mg)}}" width="40"  alt="Currency"></td>
                    <td style="color:#002D3E";>
                      <a href="" style="color:#002D3E";>
                      <b>{{$currencies->country}}</b>
                    </a>
                    </td>
                    <td><b>{{$currencies->currency_code}}</b></td>
   
                    <td>

                    <div id="normal_rate{{$loop->iteration}}">
                    <table style="width: 100% ">
                            <tr  style ="height:10px !important;">
                              <td>
                                <div>Express Rate</div>
                                <div style="padding: 5px; font-size:18px;"><b>{{$currencies->express_rate}}</b></div>
                              </td>
                              <td>
                              <div>Normal Rate</div>
                              <div style="padding: 5px; font-size:18px;"><b>{{$currencies->normal_rate}}</b></div>
                              </td>
                            </tr>
                          </table>

                      </div>


                      <div id="edit_normal_rate{{$loop->iteration}}" style="display:none;">
                        <form action="{{route('update-currency', $currencies->id)}}" method="post">
                          @csrf
                          <table style="width: 100% ">
                            <tr>
                              <td>
                                <div>Express Rate</div>
                                <input name="express" id="" value="{{$currencies->express_rate}}" style="padding: 5px; font-size:18px; width: 100% ">
                              </td>
                              <td>
                              <div>Normal Rate</div>
                                <input name="normal" id="" value="{{$currencies->normal_rate}}" style="padding: 5px; font-size:18px; width: 100% ">
                              </td>
                              <td>
                                <div style="padding-top:25px;"><button type="submit" class="btn btn-warning btn-sm">Update</button></div>
                              </td>
                            </tr>
                          </table>
                      </div>
                      </form>
                    </td>
                    <td style="text-align:right">
                    <a id="edit_button{{$loop->iteration}}" href="" class="btn btn-warning">Edit</a>
                    </td>
                  </tr>

                  <script>
                      document.getElementById('edit_button{{$loop->iteration}}').addEventListener('click', function(event) {
                        event.preventDefault(); // Prevent default link behavior

                        document.getElementById('normal_rate{{$loop->iteration}}').style.display = 'none';
                        document.getElementById('edit_normal_rate{{$loop->iteration}}').style.display = 'block';
                      });
                    </script>

                  @endforeach

              </tbody>
            </table>

          </div>
          <!-- /.card-body -->

        </div>
        <!-- /.card -->
      </div>

      <div class="col-12" style="margin-top:10px;">
           <iframe src="https://www.fastremit.com.au/" width="100%" height="750" scrolling="no"></iframe>

       </div>
</div>
</div>
</section>



@push('js_scripts')
<!-- DataTables  & Plugins -->
<script src="{{asset('admin_assets/plugins/datatables/jquery.dataTables.min.js')}}"></script>
<script src="{{asset('admin_assets/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js')}}"></script>
<script src="{{asset('admin_assets/plugins/datatables-responsive/js/dataTables.responsive.min.js')}}"></script>
<script src="{{asset('admin_assets/plugins/datatables-responsive/js/responsive.bootstrap4.min.js')}}"></script>
<script src="{{asset('admin_assets/plugins/datatables-buttons/js/dataTables.buttons.min.js')}}"></script>
<script src="{{asset('admin_assets/plugins/datatables-buttons/js/buttons.bootstrap4.min.js')}}"></script>
<script src="{{asset('admin_assets/plugins/jszip/jszip.min.js')}}"></script>
<script src="{{asset('admin_assets/plugins/pdfmake/pdfmake.min.js')}}"></script>
<script src="{{asset('admin_assets/plugins/pdfmake/vfs_fonts.js')}}"></script>
<script src="{{asset('admin_assets/plugins/datatables-buttons/js/buttons.html5.min.js')}}"></script>
<script src="{{asset('admin_assets/plugins/datatables-buttons/js/buttons.print.min.js')}}"></script>
<script src="{{asset('admin_assets/plugins/datatables-buttons/js/buttons.colVis.min.js')}}"></script>
<script src="https://cdn.datatables.net/fixedheader/3.1.2/js/dataTables.fixedHeader.min.js" type="text/javascript"></script>
<script src="{{asset('admin_assets/data_table_custom_script.js')}}"></script>

<script type="text/javascript">
      function confirmation() {
       return confirm('Are you sure you want to Delete this?');
        }
 </script>



@endpush
@endsection