@extends('layouts.app')
<!-- BEGIN CONTENT -->
@section('content')
<div class="page-content-wrapper">
    <!-- BEGIN CONTENT BODY -->
    <div class="top_bar page-content">
        <div class="top_status_bar">
            <div id="top_progress_bar" class="progress_bar">
            </div>
        </div>
        <div class="breadcrumbs">
            <ul>
                <li><a href="{{ route('admin.dashboard') }}">Settings</a></li>
                <li><a href="#">Exchange Rates</a></li>
            </ul>
            <button class="btn btn-large pull-right help theme_btn help_btn">?</button>
        </div>
    </div>
    <div class="page-content">
        <div class="portlet">
            <!-- BEGIN PAGE HEADER-->
            <div class="portlet-title page_heading">
                <div class="row">
                    <div class="col-md-9">
                        <div class="caption">
                            <h2 style="font-weight: 600; margin-top: 0;">Currency Rates</h2>
                            <span class="subtitle">Setup other country currencies and exchange rates for your business in Salesoft Resto.</span>
                        </div>
                    </div>
                </div>
            </div>
            <!-- BEGIN PAGE BAR -->
            <div class="row">
                <div class="col-md-11">
                    <!--THIS IS CONTENT DIV START-->
                    <div class="portlet-body flip-scroll">
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="col-sm-4 trash ui-droppable" style="width: 37.333333%;">
                                    <div class="new_product_left">
                                        <h4>EXCHANGE RATES</h4>
                                        <p>Define foreign currencies and its exchange rates here.</p>
                                        <p>This will be used once you decided to bill in foreign currencies, the exchange <br> rates defined here will be used.</p>
                                    </div>
                                    <div style="height: 845px;"></div>
                                </div>
                                <div class="col-sm-8 new_product_form" style="width: 62.666667%;">
                                    <div class="row">
                                        <div class="portlet-body">
                                            <div class="products box role">
                                                <div class="header_tbl">
                                                    <div class="row">
                                                        <div class="col-md-12">
                                                            <div class="col-md-1 row_header"></div>
                                                            <div class="col-md-6 row_header">Currency</div>
                                                            <div class="col-md-5 row_header">Exchange Rate</div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row_wrap roles" id="roles">
                                                    <div class="row_inner_wrap">
                                                        <div class="row">
                                                            <div class="col-md-12">
                                                                <div class="col-md-1 inner_row">
                                                                    <div class="del_icon delete-item">
                                                                        <i class="fa fa-trash-o del delete-item" data-uuid="31" data-type="channel" aria-hidden="true" style="visibility: visible"></i>
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-6 inner_row">
                                                                    <select class="select2 parent_role select2-hidden-accessible" name="" tabindex="-1" aria-hidden="true">
                                                                        <option value="1">United States Dollar (USD)</option>
                                                                    </select>
                                                                </div>
                                                                <div class="col-md-5 inner_row b4_del_header">
                                                                    <input type="text" name="" placeholder="3.768" value="3.768" class="form-control group_name ex_rate">
                                                                    <span class="ex_name">United Arab Emirates Dirham (AED)</span>
                                                                </div>
                                                                <!-- Modal HTML -->
                                                                <div id="myModal" class="modal fade">
                                                                    <div class="modal-dialog modal-confirm">
                                                                        <div class="modal-content">
                                                                            <div class="modal-header">
                                                                                <h4 class="modal-title">Are you sure?</h4>
                                                                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                                                                            </div>
                                                                            <div class="modal-body">
                                                                                <p>Do you really want to delete these records? This process cannot be undone.</p>
                                                                            </div>
                                                                            <div class="modal-footer">
                                                                                <button type="button" class="btn btn-info" data-dismiss="modal">Cancel</button>
                                                                                <button type="button" class="btn btn-danger">Delete</button>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <!-- Modal HTML -->
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row_inner_wrap">
                                                        <div class="row">
                                                            <div class="col-md-12">
                                                                <div class="col-md-1 inner_row">
                                                                    <div class="del_icon delete-item">
                                                                        <i class="fa fa-trash-o del delete-item" data-uuid="31" data-type="channel" aria-hidden="true" style="visibility: visible"></i>
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-6 inner_row">
                                                                    <select class="select2 parent_role select2-hidden-accessible" name="" tabindex="-1" aria-hidden="true">
                                                                        <option value="1">Saudi Arabian Riyal (SAR)</option>
                                                                    </select>
                                                                </div>
                                                                <div class="col-md-5 inner_row b4_del_header">
                                                                    <input type="text" name="" placeholder="3.768" value="0.98" class="form-control group_name ex_rate">
                                                                    <span class="ex_name">United Arab Emirates Dirham (AED)</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row_inner_wrap">
                                                        <div class="row">
                                                            <div class="col-md-12">
                                                                <div class="col-md-1 inner_row">
                                                                    <div class="del_icon delete-item">
                                                                        <i class="fa fa-trash-o del delete-item" data-uuid="31" data-type="channel" aria-hidden="true" style="visibility: visible"></i>
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-6 inner_row">
                                                                    <select class="select2 parent_role select2-hidden-accessible" name="" tabindex="-1" aria-hidden="true">
                                                                        <option value="1">Indian Rupee (INR)</option>
                                                                    </select>
                                                                </div>
                                                                <div class="col-md-5 inner_row b4_del_header">
                                                                    <input type="text" name="" placeholder="3.768" value="0.056" class="form-control group_name ex_rate">
                                                                    <span class="ex_name">United Arab Emirates Dirham (AED)</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row_inner_wrap">
                                                        <div class="row">
                                                            <div class="col-md-12">
                                                                <div class="col-md-1 inner_row">
                                                                    <div class="del_icon delete-item">
                                                                        <i class="fa fa-trash-o del delete-item" data-uuid="31" data-type="channel" aria-hidden="true" style="visibility: visible"></i>
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-6 inner_row">
                                                                    <select class="select2 parent_role select2-hidden-accessible" name="" tabindex="-1" aria-hidden="true">
                                                                        <option value="1">Bahraini Dinar (BHD)</option>
                                                                    </select>
                                                                </div>
                                                                <div class="col-md-5 inner_row b4_del_header">
                                                                    <input type="text" name="" placeholder="3.768" value="9.74" class="form-control group_name ex_rate">
                                                                    <span class="ex_name">United Arab Emirates Dirham (AED)</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row_inner_wrap">
                                                        <div class="row">
                                                            <div class="col-md-12">
                                                                <div class="col-md-1 inner_row">
                                                                </div>
                                                                <div class="col-md-6 inner_row">
                                                                    <select class="select2 parent_role select2-hidden-accessible" name="" tabindex="-1" aria-hidden="true">
                                                                        <option value="1">Select a new currency here</option>
                                                                    </select>
                                                                </div>
                                                                <div class="col-md-5 inner_row b4_del_header">
                                                                    <input type="text" name="" placeholder="" value="" class="form-control group_name ex_rate">
                                                                    <span class="ex_name">United Arab Emirates Dirham (AED)</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="col-sm-12" style="margin-top: 20px">
                                        <div style="float: left; margin-left: -28px;">
                                            <span style="color: #555;"><b>Base Currency: United Arab Emirates Dirham (AED)</b></span>
                                        </div>
                                        <div class="col-md-8 each_input" style="float:right; margin-right: -45px;">
                                            <input type="hidden" name="submit" value="1">
                                            <input type="submit" name="save" value="Save" class="btn theme_btn_round float_btn save" style="float:right;">
                                            <a href="" class="btn theme_btn_round cancel float_btn" style="float:right;">Cancel</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!--THIS IS CONTENT DIV END-->
                </div>
            </div>
        </div>
    </div>
</div>

@endsection
@section('admin_css')
<link href="{{asset('assets/global/plugins/select2/css/select2.min.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/global/plugins/select2/css/select2-bootstrap.min.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/custom/settings.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/custom/custom.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/custom/custom-style.css')}}" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,600,600i,700,700i" rel="stylesheet">
<!-- DATE PICKER -->
<link href="{{asset('assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css')}}" rel="stylesheet"
    type="text/css" />
    <style>
        .ex_rate{
            float: left;
            width: 30%;
        }
        .ex_name{
            float: right;
            width: 60%;
            color: grey;
        }
    </style>
@stop
@section('admin_js')
<script src="{{asset('assets/global/plugins/select2/js/select2.min.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js')}}"
    type="text/javascript"></script>
<script src="{{asset('js/general.js')}}"></script>
<script src="{{asset('js/custom-scripts.js')}}"></script>

<script type="text/javascript">



       /*SCROLLING COMPLETE*/
       $(document).ready(function () {
           //SELECT 2 Simple//
           $(".select2").select2({
               placeholder: "--Select--",
               allowClear: true
           });
       });

       // SHOW MODAL
    $('body').on('click', '.delete-item', function () {
        $('#busyloading, .overlay').show();
        $('#myModal .modal-body').animate({scrollTop: 0}, "fast");
        $('#busyloading, .overlay').fadeOut(100);
        $('#myModal').modal();
        return false;
    });

   </script>

@stop