@extends('admin.layout.master')
@section('title')
    {{ $current_route->{'name_' . trans('admin.lang')} }}
@stop
@section('page-breadcrumb')
    @include('admin.layout.breadcrumb_view')
@stop
@section('page-content')
    <div class="table-rep-plugin row">
        @include('admin.layout.error')
        @can('admin.currencies.create')
        <div class="col-lg-2">
            <h3 class="mb-3">@lang('admin.add_new_currency')</h3>
            <form action="{{ route('currencies.postAdd') }}" method="post">
                @csrf
                <div class="row">
                    <div class="form-group mb-3 col-12">
                        <label for="currency_ar">@Lang('admin.currency_ar')<span class="require">*</span></label>
                        <select class="form-select" name="new_currency">
                            @foreach ($all_currencies as $currency)
                                <option value="{{ $currency['country_iso'] }}">{{ $currency['country']}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group mb-3 col-12">
                        <label for="conversion_factor">@Lang('admin.conversion_factor')<span class="require">*</span></label>
                        <input type="text" autocomplete="off" class="form-control" value="{{ old('conversion_factor') }}"
                            name="conversion_factor" id="conversion_factor"
                            onkeypress="return onlyDecimalNumber(event,$(this).attr('id'))">
                    </div>
                    <div class="form-group mb-3 col-12">
                        <button type="submit" class="btn btn-primary">@lang('admin.save')</button>
                    </div>
            </form>
        </div>
        @endcan
    </div>
    <div class="col-lg-{{ auth()->user()->can('admin.currencies.create') ? "10" : "12"  }} table-responsive">
        <table id="data_table" class="table  table-striped">
            <thead>
                <tr>
                    <th>#</th>
                    <th>@Lang('admin.country_ar')</th>
                    <th>@Lang('admin.country_en')</th>
                    <th>@Lang('admin.currency_ar')</th>
                    <th>@Lang('admin.currency_en')</th>
                    <th>@Lang('admin.sub_currency_ar')</th>
                    <th>@Lang('admin.sub_currency_en')</th>
                    <th>@Lang('admin.currency_iso')</th>
                    <th>@Lang('admin.country_iso')</th>
                    <th>@Lang('admin.conversion_factor')</th>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
    </div>
    </div>
@stop
@section('modal')
    @include('admin.layout.ajax')
@stop
@section('js')
    <script>
        var list_link = "{{ route('currencies.list') }}";
        var columns = [{
                "data": "id"
            },
            {
                "data": "country_ar"
            },
            {
                "data": "country_en"
            },
            {
                "data": "currency_ar"
            },
            {
                "data": "currency_en"
            },
            {
                "data": "sub_currency_ar"
            },
            {
                "data": "sub_currency_en"
            },
            {
                "data": "currency_iso"
            },
            {
                "data": "country_iso"
            },
            {
                "data": "conversion_factor"
            }
        ];
        $(document).ready(function() {
            $('#confirm').on('show.bs.modal', function(e) {
                $("#delete_id").val($(e.relatedTarget).data('href'));
            });
            $(document).on('click', ".delete", function() {
                var id = $("#delete_id").val();
                $.ajax({
                    type: "POST",
                    url: "{{ route('currencies.delete') }}",
                    data: {
                        'id': id,
                        '_token': $('meta[name="csrf-token"]').attr('content')
                    },
                beforeSend:function(){
                    $(".ezdan_loading").show();
                },
                complete:function(){
                    $(".ezdan_loading").hide();
                },
                    success: function(data) {
                        toastr[data.status](data.message);
                        table.draw();
                    }
                });
            });
        });
    </script>
    @include('admin.layout.general.datatable_other')
@stop