@extends('layouts/acc_layout')
@section('title', '| Vault Setting')
@section('content')
@include('successMsg')

    <div class="row">
        <div class="col-md-12">
            <div class="" style="">
                <div class="">
                    <div class="panel panel-default" style="background-color:#708090;">
                        <div class="panel-heading" style="padding-bottom:0px">
                            <div class="panel-options">
                                <a href="{{ url('vaultSetting/addVaultSetting/') }}" class="btn btn-info pull-right addViewBtn">
                                    <i class="glyphicon glyphicon-plus-sign addIcon"></i>Add Vault Setting</a>
                            </div>
                            <h1 align="center" style="font-family: Antiqua;letter-spacing: 2px">
                                <font color="white">Vault Setting</font>
                            </h1>
                        </div>
                        <div class="panel-body panelBodyView">
                            <div>
                                <script type="text/javascript">
                                    jQuery(document).ready(function($) {
                                        $("#viewVaultSetting").dataTable().yadcf([

                                        ]);
                                    });
                                </script>
                            </div>
                            <table class="table table-striped table-bordered" id="viewVaultSetting" style="color:black;">
                                <thead>
                                    <tr>
                                        <th width="60">SL#</th>
                                        <th>Currency</th>
                                        <th>Banknotes</th>

                                        <th width="100">Action</th>
                                    </tr>
                                    {{ csrf_field() }}
                                </thead>
                                <tbody>
                                    
                                                                        @foreach ($VaultSetting as $VaultSettings)
                                           
                                        <tr class="item{{ ($no + 1) }}">
                                            <td class="text-center slNo">{{ ++$no }}</td>

                                            <td style="padding-left: 25px; text-align: middle;">{{ $VaultSettings->currency }}</td>
                                            <td style="padding-left: 25px; text-align: middle;">{{ implode(', ', json_decode ($VaultSettings->banknote)) }}</td>
                    
                                            <td class="text-center" width="80">

                                                @if($VaultSettings->status == 1)
                                                    <a vaultSetting="{{$VaultSettings->id}}">
                                                        <span class="fa fa-check" style="color:green"></span>
                                                    </a>&nbsp;
                                                @else
                                                    <a href="javascript:;" class="approve-modal" vaultSetting="{{$VaultSettings->id}}">
                                                        <span class="fa fa-check"></span>
                                                    </a>&nbsp;
                                                @endif 

                                                @if($VaultSettings->status == 1)
                                                    <a href="{!! url('vaultSetting/editItem/'.$VaultSettings->id)!!}">
                                                        <span class="fa fa-edit"></span>
                                                    </a>&nbsp;
                                                @endif 

                                                @if($VaultSettings->status == 0)
                                                    <a href="javascript:;" class="delete-modal" vaultSettings="{{$VaultSettings->id}}">
                                                        <span class="glyphicon glyphicon-trash"></span>
                                                    </a>
                                                @endif
                                                
                                            </td>    
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!----------------------------- Delete Modal ----------------------------->
    <div id="deleteModal" class="modal fade" style="margin-top:3%;">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" style="clear:both; background-color:black; color:white; padding:10px; text-align:center;">Delete Vault Setting</h4>
                </div>
                <div class="modal-body ">
                    {!! Form::open(array('url' => '','id'=>'entryForm', 'role' => 'form', 'class'=>'form-horizontal form-groups')) !!}
                    <div class="row" style="padding-bottom:20px;"> </div>
                    <h2>Are You Confirm to Delete This Vault Setting ?</h2>

                    <div class="modal-footer">
                        <input id="vaultSettings" type="hidden"  value=""/>
                        <button type="button" class="btn btn-danger"  id="deleteVaultSettings"  data-dismiss="modal">confirm</button>
                        <button type="button" class="btn btn-warning"  data-dismiss="modal"><span class="glyphicon glyphicon-remove" style="padding-right:4px;"></span>Close</button>
                    </div>
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>

    <!----------------------------- Approve Modal ----------------------------->
    <div id="approveModal" class="modal fade" style="margin-top:3%;">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" style="clear:both; background-color:black; color:white; padding:10px; text-align:center;">Approve Vault Setting</h4>
                </div>
                <div class="modal-body ">
                    {!! Form::open(array('url' => '','id'=>'entryForm', 'role' => 'form', 'class'=>'form-horizontal form-groups')) !!}
                     <input type="hidden" name="id" value="{{ $VaultSettings->id }}">
                     {{-- @php
                         dd($VaultSettings->id);
                     @endphp --}}

                    <div class="row" style="padding-bottom:20px;"> </div>
                    <h2>Are You Confirm to Approve This Vault Setting ?</h2>

                    <div class="modal-footer">
                        <input id="vaultSettingss" type="hidden"  value=""/>
                        <button type="button" class="btn btn-danger"  id="approveVaultSettings"  data-dismiss="modal">confirm</button>
                        <button type="button" class="btn btn-warning"  data-dismiss="modal"><span class="glyphicon glyphicon-remove" style="padding-right:4px;"></span>Close</button>
                    </div>
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>
    
    

    <script>
        $(document).ready(function(){ 

            $(document).on('click', '.delete-modal', function(){
                $("#vaultSettings").val($(this).attr('vaultSettings'));
                $('#deleteModal').modal('show');
            });
            $(document).on('click', '.approve-modal', function(){
                $("#vaultSettingss").val($(this).attr('vaultsetting'));
                $('#approveModal').modal('show');
            });


            $("#deleteVaultSettings").on('click',  function() {
                var vaultSettings= $("#vaultSettings").val();
                var csrf = "{{csrf_token()}}";
                $.ajax({
                    url:  "{{url('vaultSetting/deleteVaultSettingItem/')}}",
                    type: 'POST',
                    dataType: 'json',
                    data: {id:vaultSettings, _token:csrf},
                })
                .done(function(data) { 
                    location.reload();
                    window.location.href = '{{url('vaultSetting/viewVaultSetting/')}}';
                })
                .fail(function(){
                    console.log("error");
                })
                .always(function() {
                    console.log("complete");
                });
            });     
         

            $("#approveVaultSettings").on('click',  function() {
                var vaultSettings= $("#vaultSettingss").val();
                var csrf = "{{csrf_token()}}";
                $.ajax({
                    url:  "{{url('vaultSetting/approveVaultSettingItem/')}}",
                    type: 'POST',
                    dataType: 'json',
                    data: {id:vaultSettings, _token:csrf},
                })
                .done(function(data) { 
                    location.reload();
                    window.location.href = '{{url('vaultSetting/viewVaultSetting/')}}';
                })
                .fail(function(){
                    console.log("error");
                })
                .always(function() {
                    console.log("complete");
                });
            });     

        });  

    </script>

@include('dataTableScript')
@endsection