@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="{{ url('admin/settings') }}">Settings</a></li>
                <li><a href="#">Currency 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">
                        <form class="form-horizontal form-row-seperated" action="{{route("admin.currency-rate.store")}}" method="POST" enctype="multipart/form-data" id="currency_rate">
                            @csrf
                            <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 append-country" id="roles">
                                                        
                                                        @foreach($countrycurrency['currency_rates'] as $currencyrate)
                                                        <div class="row_inner_wrap add_new_row">
                                                            <div class="row" data-exist-row="1">
                                                                <div class="col-md-12">
                                                                    <div class="col-md-1 inner_row" data-id="">
                                                                        <i class="fa fa-trash-o delete-item del_icon" data-uuid="{{$currencyrate->id}}" style="margin-left: 30px;"></i>
                                                                    </div>
                                                                    <div class="col-md-6 inner_row">
                                                                        <input type="hidden" name="currency[]" value="{{$currencyrate->currency}}">
                                                                        <select class="select2 parent_role select2-hidden-accessible currency validate currency_all" tabindex="-1" aria-hidden="true" disabled="">
                                                                        
                                                                        <option value="{{$currencyrate->currency}}">{{$currencyrate->currency_country}} ({{$currencyrate->currency_sign}})</option>
                                                                       
                                                                    </select>
                                                                    </div>
                                                                    <div class="col-md-5 inner_row b4_del_header">
                                                                        @php($exchange_rate = ($currencyrate->exchange_rate) ? $currencyrate->exchange_rate : 0)
                                                                        @php($exchange_rate = str_replace(',', '', number_format($exchange_rate,$decimal_point)))
                                                                        <input type="number" name="ex_rate[]" placeholder="" value="{{$exchange_rate}}" class="form-control group_name ex_rate currency validate currency_all" autocomplete="off">
                                                                        <span class="ex_name">United Arab Emirates Dirham (AED)</span>
                                                                    </div>
                                                                </div>
                                                                <input type="hidden" name="id[]" value="{{$currencyrate->id}}">
                                                            </div>
                                                            </div>
                                                        @endforeach
                                                        @if(!$countrycurrency['country']->isEmpty())

                                                        <div class="row_inner_wrap ">
                                                            <div class="row">
                                                                <div class="col-md-12">
                                                                    <div class="col-md-1 inner_row">
                                                                        <i class="fa fa-trash-o delete-item del_icon hidden" data-uuid="" style="margin-left: 30px;"></i>
                                                                    </div>
                                                                   
                                                                   <div class="col-md-6 inner_row">
                                                                        <select class="select2 parent_role select2-hidden-accessible currency currency_all countryselect" name="currency[]" tabindex="-1" aria-hidden="true">
                                                                            <option value=""></option>
                                                                            @foreach($countrycurrency['country'] as $country)
                                                                            <option value="{{$country->id}}">{{ $country->currency_country }} ({{$country->currency_sign}})</option>
                                                                            @endforeach
                                                                        </select>
                                                                    </div>
                                                                    
                                                                    <div class="col-md-5 inner_row b4_del_header">
                                                                        <input type="number" name="ex_rate[]" placeholder="" id="rate" value="" class="form-control group_name ex_rate currency_all" autocomplete="off">
                                                                        <span class="ex_name">United Arab Emirates Dirham (AED)</span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            </div>
                                                            @endif
                                                        
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-12" style="margin-top: 20px">
                                            <div style="float: left; margin-left: -28px;">
                                                <span style="color: #413d3d;">Base Currency: United Arab Emirates Dirham (AED)</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_currency_rate" style="float:right;">
                                                <a href="{{url('admin/settings')}}" class="btn theme_btn_round cancel float_btn" style="float:right;">Cancel</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>

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

<!-- //SWEET_ALERT START// -->
<div id="sweetalert_wrap" class="sweet_alert_wrap">
<!-- Sweet alert -->
    <div class="sweet-alert showSweetAlert" data-custom-class="" data-has-cancel-button="true" data-has-confirm-button="true" data-allow-outside-click="false" data-has-done-function="true" data-animation="pop" data-timer="null">
        <div class="sa-icon sa-warning pulseWarning" style="display: block;">
            <span class="sa-body pulseWarningIns"></span>
            <span class="sa-dot pulseWarningIns"></span>
        </div>
        <h2>Do you want to delete?</h2>
        <div class="sa-button-container">
            <button class="cancel" tabindex="2">Cancel</button>
            <div class="sa-confirm-button-container">
                <button class="confirm" tabindex="1">Confirm</button>
            </div>
        </div>
    </div>
</div>
<!-- //SWEET_ALERT END// -->

@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"> -->
<link href="{{asset('css/sweetalert.css')}}" rel="stylesheet" type="text/css" />
<!-- 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: 35%;
    }
    .ex_name{
        float: right;
        width: 60%;
        color: grey;
    }
    span.select2-selection__clear{
      display: none;
    }

    .col-md-1{
        width: 40px !important;
    }

    .del_icon{
        right: 9px !important;
        background: none !important;
        border:none !important;
        font-size: 18px !important;
    }
    .col-md-12{
        width: 1113px !important;
    }

    .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
        left: 18px;
        border-color: black transparent transparent transparent !important;
    }

    .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
        padding: 0 16px;
        border: 1px solid #c6c8cc;
        right: 0;
        border-radius: 0 4px 4px 0;
        background: #ececec;
    }

    .select2-container--bootstrap.select2-container--open .select2-selection__arrow b {
        border-color: transparent transparent black !important;
    }

    .select2-container--bootstrap.select2-container--disabled .select2-selection{
        background: white;
    }
    
    .help_btn {
        background: #A8A8A8;
        text-align: center;
        margin-right: 22px;
        margin-top: 5px;
    }


</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> -->
@include('admin.js.currency-rate')
@stop