@extends('layouts.app')

@section('content')
    <div class="container-fluid">
        <div class="row-fluid">
            <!-- BEGIN PAGE TITLE & BREADCRUMB-->
            <h3 class="page-title">
                Currency
            </h3>
            <ul class="breadcrumb">
                <li>
                    <i class="icon-home"></i>
                    <a href="#">Dashboard</a> 
                    <i class="icon-angle-right"></i>
                </li>
                <li><a href="#">Masters</a><i class="icon-angle-right"></i></li>
                <li><a href="#">Currency</a></li>
                
            </ul>
            <!-- END PAGE TITLE & BREADCRUMB-->
        </div>
        @if(Session::has('flash_message'))
            <div class="row-fluid">
            <div class="span12">
                <p class="alert {{ Session::get('alert-class', 'alert-info') }}">{{ Session::get('flash_message') }}</p>
            </div> 
            </div>   
        @endif
        <div class="row-fluid">
            <div class="span12">
                <div class="portlet box green">
                    <div class="portlet-title">
                        <div class="caption"><i class="icon-globe"></i>Currency Records</div>
                        <div class="tools">
                            <a href="javascript:;" class="reload"></a>
                            <a href="javascript:;" class="remove"></a>
                        </div>
                    </div>
                    <div class="portlet-body">
                        <div class="row-fluid">
                            {!! Form::open(['url' => '/admin/currency/create', 'id'=>'myform','class' => 'form-vertical', 'files' => true]) !!}
                            <div class="span3">
                                <div class="control-group {{ $errors->has('name') ? 'error' : ''}}">
                                    <label class="control-label">{!! Html::decode(Form::label('name', 'Name<span class="required">*</span>', ['class' => 'col-md-4 control-label'])) !!}</label>
                                    <div class="controls">
                                        <select id="name" name="name" class="m-wrap span12 name-select-class">
                                            <option value="" selected="selected">Select Name</option>
                                            <option value="US dollar" data-currency="USD" label="USD US dollar">US dollar</option>
                                            <option value="Euro" data-currency="EUR" label="EUR Euro">Euro</option>
                                            <option value="Japanese yen" data-currency="JPY" label="JPY Japanese yen">Japanese yen</option>
                                            <option value="Pound sterling" data-currency="GBP" label="GBP Pound sterling">Pound sterling</option>
                                            <option value="United Arab Emirates dirham" data-currency="AED" label="AED United Arab Emirates dirham">United Arab Emirates dirham</option>
                                            <option value="Afghan afghani" data-currency="AFN" label="AFN Afghan afghani">Afghan afghani</option>
                                            <option value="Albanian lek" data-currency="ALL" label="ALL Albanian lek">Albanian lek</option>
                                            <option value="Armenian dram" data-currency="AMD" label="AMD Armenian dram">Armenian dram</option>
                                            <option value="Netherlands Antillean guilder" data-currency="ANG" label="ANG Netherlands Antillean guilder">Netherlands Antillean guilder</option>
                                            <option value="Angolan kwanza" data-currency="AOA" label="AOA Angolan kwanza">Angolan kwanza</option>
                                            <option value="Argentine peso" data-currency="ARS" label="ARS Argentine peso">Argentine peso</option>
                                            <option value="Australian dollar" data-currency="AUD" label="AUD Australian dollar">Australian dollar</option>
                                            <option value="Aruban florin" data-currency="AWG" label="AWG Aruban florin">Aruban florin</option>
                                            <option value="Azerbaijani manat" data-currency="AZN" label="AZN Azerbaijani manat">Azerbaijani manat</option>
                                            <option value="Bosnia and Herzegovina convertible mark" data-currency="BAM" label="BAM Bosnia and Herzegovina convertible mark">Bosnia and Herzegovina convertible mark</option>
                                            <option value="Barbadian dollar" data-currency="BBD" label="BBD Barbadian dollar">Barbadian dollar</option>
                                            <option value="Bangladeshi taka" data-currency="BDT" label="BDT Bangladeshi taka">Bangladeshi taka</option>
                                            <option value="Bulgarian lev" data-currency="BGN" label="BGN Bulgarian lev">Bulgarian lev</option>
                                            <option value="Bahraini dinar" data-currency="BHD" label="BHD Bahraini dinar">Bahraini dinar</option>
                                            <option value="Burundian franc" data-currency="BIF" label="BIF Burundian franc">Burundian franc</option>
                                            <option value="Bermudian dollar" data-currency="BMD" label="BMD Bermudian dollar">Bermudian dollar</option>
                                            <option value="Brunei dollar" data-currency="BND" label="BND Brunei dollar">Brunei dollar</option>
                                            <option value="Bolivian boliviano" data-currency="BOB" label="BOB Bolivian boliviano">Bolivian boliviano</option>
                                            <option value="Brazilian real" data-currency="BRL" label="BRL Brazilian real">Brazilian real</option>
                                            <option value="Bahamian dollar" data-currency="BSD" label="BSD Bahamian dollar">Bahamian dollar</option>
                                            <option value="Bhutanese ngultrum" data-currency="BTN" label="BTN Bhutanese ngultrum">Bhutanese ngultrum</option>
                                            <option value="Botswana pula" data-currency="BWP" label="BWP Botswana pula">Botswana pula</option>
                                            <option value="Belarusian ruble" data-currency="BYN" label="BYN Belarusian ruble">Belarusian ruble</option>
                                            <option value="Belize dollar" data-currency="BZD" label="BZD Belize dollar">Belize dollar</option>
                                            <option value="Canadian dollar" data-currency="CAD" label="CAD Canadian dollar">Canadian dollar</option>
                                            <option value="Congolese franc" data-currency="CDF" label="CDF Congolese franc">Congolese franc</option>
                                            <option value="Swiss franc" data-currency="CHF" label="CHF Swiss franc">Swiss franc</option>
                                            <option value="Chilean peso" data-currency="CLP" label="CLP Chilean peso">Chilean peso</option>
                                            <option value="Chinese yuan" data-currency="CNY" label="CNY Chinese yuan">Chinese yuan</option>
                                            <option value="Colombian peso" data-currency="COP" label="COP Colombian peso">Colombian peso</option>
                                            <option value="Costa Rican colón" data-currency="CRC" label="CRC Costa Rican colón">Costa Rican colón</option>
                                            <option value="Cuban convertible peso" data-currency="CUC" label="CUC Cuban convertible peso">Cuban convertible peso</option>
                                            <option value="Cuban peso" data-currency="CUP" label="CUP Cuban peso">Cuban peso</option>
                                            <option value="Cape Verdean escudo" data-currency="CVE" label="CVE Cape Verdean escudo">Cape Verdean escudo</option>
                                            <option value="Czech koruna" data-currency="CZK" label="CZK Czech koruna">Czech koruna</option>
                                            <option value="Djiboutian franc" data-currency="DJF" label="DJF Djiboutian franc">Djiboutian franc</option>
                                            <option value="Danish krone" data-currency="DKK" label="DKK Danish krone">Danish krone</option>
                                            <option value="Dominican peso" data-currency="DOP" label="DOP Dominican peso">Dominican peso</option>
                                            <option value="Algerian dinar" data-currency="DZD" label="DZD Algerian dinar">Algerian dinar</option>
                                            <option value="Egyptian pound" data-currency="EGP" label="EGP Egyptian pound">Egyptian pound</option>
                                            <option value="Eritrean nakfa" data-currency="ERN" label="ERN Eritrean nakfa">Eritrean nakfa</option>
                                            <option value="Ethiopian birr" data-currency="ETB" label="ETB Ethiopian birr">Ethiopian birr</option>
                                            <option value="Fijian dollar" data-currency="FJD" label="FJD Fijian dollar">Fijian dollar</option>
                                            <option value="Falkland Islands pound" data-currency="FKP" label="FKP Falkland Islands pound">Falkland Islands pound</option>
                                            <option value="British pound" data-currency="GBP" label="GBP British pound">British pound</option>
                                            <option value="Georgian lari" data-currency="GEL" label="GEL Georgian lari">Georgian lari</option>
                                            <option value="Guernsey pound" data-currency="GGP" label="GGP Guernsey pound">Guernsey pound</option>
                                            <option value="Ghanaian cedi" data-currency="GHS" label="GHS Ghanaian cedi">Ghanaian cedi</option>
                                            <option value="Gibraltar pound" data-currency="GIP" label="GIP Gibraltar pound">Gibraltar pound</option>
                                            <option value="Gambian dalasi" data-currency="GMD" label="GMD Gambian dalasi">Gambian dalasi</option>
                                            <option value="Guinean franc" data-currency="GNF" label="GNF Guinean franc">Guinean franc</option>
                                            <option value="Guatemalan quetzal" data-currency="GTQ" label="GTQ Guatemalan quetzal">Guatemalan quetzal</option>
                                            <option value="Guyanese dollar" data-currency="GYD" label="GYD Guyanese dollar">Guyanese dollar</option>
                                            <option value="Hong Kong dollar" data-currency="HKD" label="HKD Hong Kong dollar">Hong Kong dollar</option>
                                            <option value="Honduran lempira" data-currency="HNL" label="HNL Honduran lempira">Honduran lempira</option>
                                            <option value="Croatian kuna" data-currency="HRK" label="HRK Croatian kuna">Croatian kuna</option>
                                            <option value="Haitian gourde" data-currency="HTG" label="HTG Haitian gourde">Haitian gourde</option>
                                            <option value="Hungarian forint" data-currency="HUF" label="HUF Hungarian forint">Hungarian forint</option>
                                            <option value="Indonesian rupiah" data-currency="IDR" label="IDR Indonesian rupiah">Indonesian rupiah</option>
                                            <option value="Israeli new shekel" data-currency="ILS" label="ILS Israeli new shekel">Israeli new shekel</option>
                                            <option value="Manx pound" data-currency="IMP" label="IMP Manx pound">Manx pound</option>
                                            <option value="Indian rupee" data-currency="INR" label="INR Indian rupee">Indian rupee</option>
                                            <option value="Iraqi dinar" data-currency="IQD" label="IQD Iraqi dinar">Iraqi dinar</option>
                                            <option value="Iranian rial" data-currency="IRR" label="IRR Iranian rial">Iranian rial</option>
                                            <option value="Icelandic króna" data-currency="ISK" label="ISK Icelandic króna">Icelandic króna</option>
                                            <option value="Jersey pound" data-currency="JEP" label="JEP Jersey pound">Jersey pound</option>
                                            <option value="Jamaican dollar" data-currency="JMD" label="JMD Jamaican dollar">Jamaican dollar</option>
                                            <option value="Jordanian dinar" data-currency="JOD" label="JOD Jordanian dinar">Jordanian dinar</option>
                                            <option value="Japanese yen" data-currency="JPY" label="JPY Japanese yen">Japanese yen</option>
                                            <option value="Kenyan shilling" data-currency="KES" label="KES Kenyan shilling">Kenyan shilling</option>
                                            <option value="Kyrgyzstani som" data-currency="KGS" label="KGS Kyrgyzstani som">Kyrgyzstani som</option>
                                            <option value="Cambodian riel" data-currency="KHR" label="KHR Cambodian riel">Cambodian riel</option>
                                            <option value="Kiribati dollar" data-currency="KID" label="KID Kiribati dollar">Kiribati dollar</option>
                                            <option value="Comorian franc" data-currency="KMF" label="KMF Comorian franc">Comorian franc</option>
                                            <option value="North Korean won" data-currency="KPW" label="KPW North Korean won">North Korean won</option>
                                            <option value="South Korean won" data-currency="KRW" label="KRW South Korean won">South Korean won</option>
                                            <option value="Kuwaiti dinar" data-currency="KWD" label="KWD Kuwaiti dinar">Kuwaiti dinar</option>
                                            <option value="Cayman Islands dollar" data-currency="KYD" label="KYD Cayman Islands dollar">Cayman Islands dollar</option>
                                            <option value="Kazakhstani tenge" data-currency="KZT" label="KZT Kazakhstani tenge">Kazakhstani tenge</option>
                                            <option value="Lao kip" data-currency="LAK" label="LAK Lao kip">Lao kip</option>
                                            <option value="Lebanese pound" data-currency="LBP" label="LBP Lebanese pound">Lebanese pound</option>
                                            <option value="Sri Lankan rupee" data-currency="LKR" label="LKR Sri Lankan rupee">Sri Lankan rupee</option>
                                            <option value="Liberian dollar" data-currency="LRD" label="LRD Liberian dollar">Liberian dollar</option>
                                            <option value="Lesotho loti" data-currency="LSL" label="LSL Lesotho loti">Lesotho loti</option>
                                            <option value="Libyan dinar" data-currency="LYD" label="LYD Libyan dinar">Libyan dinar</option>
                                            <option value="Moroccan dirham" data-currency="MAD" label="MAD Moroccan dirham">Moroccan dirham</option>
                                            <option value="Moldovan leu" data-currency="MDL" label="MDL Moldovan leu">Moldovan leu</option>
                                            <option value="Malagasy ariary" data-currency="MGA" label="MGA Malagasy ariary">Malagasy ariary</option>
                                            <option value="Macedonian denar" data-currency="MKD" label="MKD Macedonian denar">Macedonian denar</option>
                                            <option value="Burmese kyat" data-currency="MMK" label="MMK Burmese kyat">Burmese kyat</option>
                                            <option value="Mongolian tögrög" data-currency="MNT" label="MNT Mongolian tögrög">Mongolian tögrög</option>
                                            <option value="Macanese pataca" data-currency="MOP" label="MOP Macanese pataca">Macanese pataca</option>
                                            <option value="Mauritanian ouguiya" data-currency="MRU" label="MRU Mauritanian ouguiya">Mauritanian ouguiya</option>
                                            <option value="Mauritian rupee" data-currency="MUR" label="MUR Mauritian rupee">Mauritian rupee</option>
                                            <option value="Maldivian rufiyaa" data-currency="MVR" label="MVR Maldivian rufiyaa">Maldivian rufiyaa</option>
                                            <option value="Malawian kwacha" data-currency="MWK" label="MWK Malawian kwacha">Malawian kwacha</option>
                                            <option value="Mexican peso" data-currency="MXN" label="MXN Mexican peso">Mexican peso</option>
                                            <option value="Malaysian ringgit" data-currency="MYR" label="MYR Malaysian ringgit">Malaysian ringgit</option>
                                            <option value="Mozambican metical" data-currency="MZN" label="MZN Mozambican metical">Mozambican metical</option>
                                            <option value="Namibian dollar" data-currency="NAD" label="NAD Namibian dollar">Namibian dollar</option>
                                            <option value="Nigerian naira" data-currency="NGN" label="NGN Nigerian naira">Nigerian naira</option>
                                            <option value="Nicaraguan córdoba" data-currency="NIO" label="NIO Nicaraguan córdoba">Nicaraguan córdoba</option>
                                            <option value="Norwegian krone" data-currency="NOK" label="NOK Norwegian krone">Norwegian krone</option>
                                            <option value="Nepalese rupee" data-currency="NPR" label="NPR Nepalese rupee">Nepalese rupee</option>
                                            <option value="New Zealand dollar" data-currency="NZD" label="NZD New Zealand dollar">New Zealand dollar</option>
                                            <option value="Omani rial" data-currency="OMR" label="OMR Omani rial">Omani rial</option>
                                            <option value="Panamanian balboa" data-currency="PAB" label="PAB Panamanian balboa">Panamanian balboa</option>
                                            <option value="Peruvian sol" data-currency="PEN" label="PEN Peruvian sol">Peruvian sol</option>
                                            <option value="Papua New Guinean kina" data-currency="PGK" label="PGK Papua New Guinean kina">Papua New Guinean kina</option>
                                            <option value="Philippine peso" data-currency="PHP" label="PHP Philippine peso">Philippine peso</option>
                                            <option value="Pakistani rupee" data-currency="PKR" label="PKR Pakistani rupee">Pakistani rupee</option>
                                            <option value="Polish złoty" data-currency="PLN" label="PLN Polish złoty">Polish złoty</option>
                                            <option value="Transnistrian ruble" data-currency="PRB" label="PRB Transnistrian ruble">Transnistrian ruble</option>
                                            <option value="Paraguayan guaraní" data-currency="PYG" label="PYG Paraguayan guaraní">Paraguayan guaraní</option>
                                            <option value="Qatari riyal" data-currency="QAR" label="QAR Qatari riyal">Qatari riyal</option>
                                            <option value="Romanian leu" data-currency="RON" label="RON Romanian leu">Romanian leu</option>
                                            <option value="Serbian dinar" data-currency="RSD" label="RSD Serbian dinar">Serbian dinar</option>
                                            <option value="Russian ruble" data-currency="RUB" label="RUB Russian ruble">Russian ruble</option>
                                            <option value="Rwandan franc" data-currency="RWF" label="RWF Rwandan franc">Rwandan franc</option>
                                            <option value="Saudi riyal" data-currency="SAR" label="SAR Saudi riyal">Saudi riyal</option>
                                            <option value="Swedish krona" data-currency="SEK" label="SEK Swedish krona">Swedish krona</option>
                                            <option value="Singapore dollar" data-currency="SGD" label="SGD Singapore dollar">Singapore dollar</option>
                                            <option value="Saint Helena pound" data-currency="SHP" label="SHP Saint Helena pound">Saint Helena pound</option>
                                            <option value="Sierra Leonean leone" data-currency="SLL" label="SLL Sierra Leonean leone">Sierra Leonean leone</option>
                                            <option value="Somaliland shilling" data-currency="SLS" label="SLS Somaliland shilling">Somaliland shilling</option>
                                            <option value="Somali shilling" data-currency="SOS" label="SOS Somali shilling">Somali shilling</option>
                                            <option value="Surinamese dollar" data-currency="SRD" label="SRD Surinamese dollar">Surinamese dollar</option>
                                            <option value="South Sudanese pound" data-currency="SSP" label="SSP South Sudanese pound">South Sudanese pound</option>
                                            <option value="São Tomé and Príncipe dobra" data-currency="STN" label="STN São Tomé and Príncipe dobra">São Tomé and Príncipe dobra</option>
                                            <option value="Syrian pound" data-currency="SYP" label="SYP Syrian pound">Syrian pound</option>
                                            <option value="Swazi lilangeni" data-currency="SZL" label="SZL Swazi lilangeni">Swazi lilangeni</option>
                                            <option value="Thai baht" data-currency="THB" label="THB Thai baht">Thai baht</option>
                                            <option value="Tajikistani somoni" data-currency="TJS" label="TJS Tajikistani somoni">Tajikistani somoni</option>
                                            <option value="Turkmenistan manat" data-currency="TMT" label="TMT Turkmenistan manat">Turkmenistan manat</option>
                                            <option value="Tunisian dinar" data-currency="TND" label="TND Tunisian dinar">Tunisian dinar</option>
                                            <option value="Tongan paʻanga" data-currency="TOP" label="TOP Tongan paʻanga">Tongan paʻanga</option>
                                            <option value="Turkish lira" data-currency="TRY" label="TRY Turkish lira">Turkish lira</option>
                                            <option value="Trinidad and Tobago dollar" data-currency="TTD" label="TTD Trinidad and Tobago dollar">Trinidad and Tobago dollar</option>
                                            <option value="Tuvaluan dollar" data-currency="TVD" label="TVD Tuvaluan dollar">Tuvaluan dollar</option>
                                            <option value="New Taiwan dollar" data-currency="TWD" label="TWD New Taiwan dollar">New Taiwan dollar</option>
                                            <option value="Tanzanian shilling" data-currency="TZS" label="TZS Tanzanian shilling">Tanzanian shilling</option>
                                            <option value="Ukrainian hryvnia" data-currency="UAH" label="UAH Ukrainian hryvnia">Ukrainian hryvnia</option>
                                            <option value="Ugandan shilling" data-currency="UGX" label="UGX Ugandan shilling">Ugandan shilling</option>
                                            <option value="United States dollar" data-currency="USD" label="USD United States dollar">United States dollar</option>
                                            <option value="Uruguayan peso" data-currency="UYU" label="UYU Uruguayan peso">Uruguayan peso</option>
                                            <option value="Uzbekistani soʻm" data-currency="UZS" label="UZS Uzbekistani soʻm">Uzbekistani soʻm</option>
                                            <option value="Venezuelan bolívar soberano" data-currency="VES" label="VES Venezuelan bolívar soberano">Venezuelan bolívar soberano</option>
                                            <option value="Vietnamese đồng" data-currency="VND" label="VND Vietnamese đồng">Vietnamese đồng</option>
                                            <option value="Vanuatu vatu" data-currency="VUV" label="VUV Vanuatu vatu">Vanuatu vatu</option>
                                            <option value="Samoan tālā" data-currency="WST" label="WST Samoan tālā">Samoan tālā</option>
                                            <option value="Central African CFA franc" data-currency="XAF" label="XAF Central African CFA franc">Central African CFA franc</option>
                                            <option value="Eastern Caribbean dollar" data-currency="XCD" label="XCD Eastern Caribbean dollar">Eastern Caribbean dollar</option>
                                            <option value="West African CFA franc" data-currency="XOF" label="XOF West African CFA franc">West African CFA franc</option>
                                            <option value="CFP franc" data-currency="XPF" label="XPF CFP franc">CFP franc</option>
                                            <option value="South African rand" data-currency="ZAR" label="ZAR South African rand">South African rand</option>
                                            <option value="Zambian kwacha" data-currency="ZMW" label="ZMW Zambian kwacha">Zambian kwacha</option>
                                            <option value="Zimbabwean bonds" data-currency="ZWB" label="ZWB Zimbabwean bonds">Zimbabwean bonds</option>
                                        </select>
                                        {!! $errors->first('name', '<p class="help-block">:message</p>') !!}
                                    </div>
                                </div>
                            </div>
                            <div class="span3">
                                <div class="control-group {{ $errors->has('currency') ? 'error' : ''}}">
                                    <label class="control-label">{!! Html::decode(Form::label('currency', 'Currency<span class="required">*</span>', ['class' => 'col-md-4 control-label', 'readonly' => 'true'])) !!}</label>
                                    <div class="controls">
                                        {!! Form::text('currency', null, ['class' => 'm-wrap span12 add-update-btn', 'readonly' => 'true']) !!}
                                        {!! $errors->first('currency', '<p class="help-block">:message</p>') !!}
                                    </div>
                                </div>
                            </div>
                            <div class="span3">
                                <br>
                                <div class="btn-group">
                                    <button type="submit" class="btn green btn-sm" style="margin-top:5%;"><i class="icon-plus" aria-hidden="true"></i> Add New Currency</button>
                                </div>
                            </div>
                            {!! Form::close() !!}
                            <div class="span3 pull-right">
                                <div class="btn-group">
                                    <button type="button" id="configure-btn-id" class="btn green btn-sm" style="margin-top:-54%;"><i class="icon-cog" aria-hidden="true"></i> Configure API</button>
                                </div>
                            </div>
                        </div>
                        <div class="row-fluid">
                            <div class="span12 table-half-1">
                                <table class="table table-striped table-bordered table-hover table-full-width" id="sample_2">
                                    <thead>
                                        <tr>
                                            <th>Name</th>
                                            <th>Currency</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($currency as $item)
                                            <tr>
                                                <td>{{ $item->name }}</td>
                                                <td><button class="btn blue btn-xs currency-details-btn" data-value="{{ encrypt($item->id) }}"  data-currency="{{ $item->currency }}" style="padding: 0px 10px;width: 42px;">{{ $item->currency }}</button></td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                            <div class="span6 table-half-2">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="myModal" class="modal span4 hide fade" style="width:28%;">
      {!! Form::open(['method' => 'POST', 'id'=>'ratexcapikeyform','class' => 'form-vertical', 'route' => 'admin.currency.exchange_rate_api_update_key', 'novalidate' => 'novalidate'])  !!}
      {{csrf_field()}}
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
        <h3>Configure Exchange Rate API</h3>
      </div>
      <div class="modal-body">
            <div class="row-fluid">
                <div class="span12">
                    <div class="control-group {{ $errors->has('key') ? 'error' : ''}}">
                        <label class="control-label">{!! Html::decode(Form::label('key', 'Key <span class="required">*</span>', ['class' => 'col-md-6 control-label'])) !!}</label>
                        <div class="controls">
                            {!! Form::text('key', $api_key, ['class' => 'm-wrap span12', 'autocomplete' => 'off', 'required' => 'true']) !!}
                            {!! $errors->first('key', '<p class="help-block">:message</p>') !!}
                        </div>
                    </div>
                </div>
            </div>
            <div class="row-fluid">
                <div class="span12">
                    <div class="control-group {{ $errors->has('url') ? 'error' : ''}}">
                        <label class="control-label">{!! Html::decode(Form::label('url', 'Site Url <span class="required">*</span>', ['class' => 'col-md-6 control-label'])) !!}</label>
                        <div class="controls">
                            {!! Form::text('url', 'https://apilayer.com/marketplace/exchangerates_data-api', ['class' => 'm-wrap span12', 'autocomplete' => 'off', 'readonly' => 'true']) !!}
                            {!! $errors->first('url', '<p class="help-block">:message</p>') !!}
                        </div>
                    </div>
                </div>
            </div>
      </div>
      <div class="modal-footer">
        <a href="#" class="btn" data-dismiss="modal">Close</a>
        <button type="submit" id="updateApiKeyBtn" class="btn blue mutltiple-doc-add-btn">Update</button>
      </div>
      {!! Form::close() !!}
    </div>
@endsection
@push('custom-scripts')
    <script type="text/javascript">
        jQuery(document).ready(function () {
            jQuery('#myform').validate( {
                highlight: function(element) {
                    jQuery(element).closest('.control-group').addClass('error');
                    jQuery(element).closest('.control-group').addClass('error');
                },
                unhighlight: function(element) {
                    jQuery(element).closest('.control-group').removeClass('error');
                },
                errorElement: 'span',
                errorClass: 'help-block',
                focusInvalid: false, // do not focus the last invalid input
                ignore: "", // validate all fields including form hidden input
                rules: {
                    'name': {
                       required: true,
                    },
                    'currency': {
                       required: true,
                    },
               },
               errorPlacement: function (error, element) {
                    if(element.parent('.input-group').length) {
                        error.insertAfter(element.parent());
                    } else {
                        error.insertAfter(element);
                    }
               },
               messages: {
                    'name' : {
                        required: "The name field is required",
                    },
                    'currency' : {
                        required: "The currency field is required",
                    },
                }
           });

            jQuery('#ratexcapikeyform').validate( {
                highlight: function(element) {
                    jQuery(element).closest('.control-group').addClass('error');
                    jQuery(element).closest('.control-group').addClass('error');
                },
                unhighlight: function(element) {
                    jQuery(element).closest('.control-group').removeClass('error');
                },
                errorElement: 'span',
                errorClass: 'help-block',
                focusInvalid: false, // do not focus the last invalid input
                ignore: "", // validate all fields including form hidden input
                rules: {
                    'key': {
                       required: true,
                    },
               },
               errorPlacement: function (error, element) {
                    if(element.parent('.input-group').length) {
                        error.insertAfter(element.parent());
                    } else {
                        error.insertAfter(element);
                    }
               },
               messages: {
                    'key' : {
                        required: "The key field is required",
                    },
                }
           });
        });
        $( function() {
            $('.modal-open-class').click(function() {
                var id = $(this).data('id');
                var name  = $(this).data('name');
                var currency  = $(this).data('currency');
                var update_url =  $("#myform2").attr("action");
                update_url = update_url.replace("currency_id",id);
                $("#myform2").attr("action", update_url);

                $('#myform2 :input[name=name]').val(name);
                $('#myform2 :input[name=currency]').val(currency);

                $("#myform2 input #name").val(name);
                $("#myform2 input #currency").val(currency);
                $('#updateCurrencyModal').modal('toggle');
            });

            $('.name-select-class').click(function() {
                var val = $(this).find(':selected').data('currency');
                $('#currency').val(val);
            });
        } );

        $(document).on('click', '.currency-details-btn', function() {
            var id = $(this).data('value');
            var currency = $(this).data('currency');
            getdetails(id, currency);
        });

        $(document).on('click', '#show-less-btn', function() {
            var id = $(this).data('value');
            var currency = $(this).data('currency');
            getdetails(id, currency);
        });
        
        $(document).on('click', '#show-all-btn', function() {
            var id = $(this).data('value');
            var currency = $(this).data('currency');
            getdetails(id, currency, 1);
        });

        function getdetails(id, currency, show_all_flag = 0) {
            $.ajax({
                url: "{{ route('admin.currency.getratedetails') }}",
                type: 'POST',
                dataType: 'html',
                data: {
                    'id': id,
                    'currency': currency,
                    'show_all_flag': show_all_flag,
                    '_token': '{{csrf_token()}}'
                },
                success: function(response) {
                    $('.table-half-2').html(response);
                    if($(".table-half-1").hasClass('span12')) 
                    {
                        $(".table-half-1").toggleClass('span12 span6');
                    }
                }
            });
        }

        $(document).on('click', '#close-table-btn', function() {
            $(this).closest('table').remove();
            $(".table-half-1").toggleClass('span6 span12');
        });
        
        $(document).on('click', '#configure-btn-id', function() {
            $('#myModal').modal('show');
        });
    </script>
@endpush