@extends('template.coin.layouts.admin-base')
@section('title', __('Symbol Groups'))
@section('content')

<div class="tabs-content">
    <div class="tab-content">
        <div>
            <h5>Symbol Groups <span class="btn btn-primary" id="add-user" data-bs-toggle="modal" data-bs-target="#symbolModalCenter">Add New</span></h5>
            <div class="modal fade" id="symbolModalCenter" tabindex="-1" role="dialog" aria-labelledby="symbolModalCenterTitle" aria-hidden="true" data-bs-backdrop="static" data-bs-keyboard="false">
  <div class="modal-dialog modal-dialog-centered" role="document"style="min-width:450px">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLongTitle">Add Symbol</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
       <form class="form-modals" action="{{route('admin.symbolgroup.add')}}" id="add-symbols">
           <div class="row">
              
              <div class ="col-xl-6 col-md-6">
                  <label class="col-form-label">Name</label>
                  <input type="text" class="form-control" name="name" />
              </div>
               
              
              <div class ="col-xl-6 col-md-6">
                  <label class="col-form-label">Lot Size</label>
                  <input type="text" class="form-control" name="lsize" />
              </div>
              <div class ="col-xl-6 col-md-6">
                  <label class="col-form-label">Lot Step</label>
                  <input type="text" class="form-control" name="lstep" />
              </div>
             
               <div class ="col-xl-6 col-md-6">
                  <label class="col-form-label">Min Volume</label>
                  <input type="text" class="form-control" name="mnvol" />
              </div>
               <div class ="col-xl-6 col-md-6">
                  <label class="col-form-label">Max Volume</label>
                  <input type="text" class="form-control" name="mxvol" />
              </div>
              <div class ="col-xl-6 col-md-6">
                  <label class="col-form-label">Leverage</label>
                  <input type="text" class="form-control" name="lever" />
              </div>
              <div class ="col-xl-6 col-md-6">
                  <label class="col-form-label">Icon Materials</label>
                  <input type="text" class="form-control" name="micons" />
              </div>
              <div class ="col-xl-6 col-md-6">
                  <label class="col-form-label">Status</label>
                  <select name="stats" class="form-control">
                      <option value="1">Active</option>
                      <option value="0">Inctive</option>
                  </select>
                  <input type="hidden" name="_token" value="{{ csrf_token() }}">
              </div>
             
              </div>
          </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary modal-submit-btn"  data-search="symbolModalCenter"  data-form="add-symbols">Submit</button>
      </div>
    </div>
  </div>
</div>
            <div class="table-control auth-3">
              

                <div class="row" data-right="symbols_download">
                    <span>Download as</span>
                    <div class="actions-container">
                        <div class="dropdown bootstrap-select form-control dropup">
                            <select class="selectpicker form-control" id="download-filetype" title="File format">
                                <option class="bs-title-option" value=""></option>
                                <option value="xls">Excel</option>
                                <option value="csv">CSV</option>
                            </select>
                            <button
                                type="button"
                                tabindex="-1"
                                class="btn dropdown-toggle bs-placeholder btn-light"
                                data-toggle="dropdown"
                                role="combobox"
                                aria-owns="bs-select-66"
                                aria-haspopup="listbox"
                                aria-expanded="false"
                                data-id="download-filetype"
                                title="File format"
                            >
                                <div class="filter-option">
                                    <div class="filter-option-inner"><div class="filter-option-inner-inner">File format</div></div>
                                </div>
                            </button>
                            <div class="dropdown-menu" style="max-height: 96.75px; overflow: hidden; min-height: 0px;">
                                <div class="inner show" role="listbox" id="bs-select-66" tabindex="-1" style="max-height: 82.75px; overflow-y: auto; min-height: 0px;">
                                    <ul class="dropdown-menu inner show" role="presentation" style="margin-top: 0px; margin-bottom: 0px;">
                                        <li>
                                            <a role="option" class="dropdown-item" id="bs-select-66-0" tabindex="0"><span class="bs-ok-default check-mark"></span><span class="text">Excel</span></a>
                                        </li>
                                        <li>
                                            <a role="option" class="dropdown-item" id="bs-select-66-1" tabindex="0"><span class="bs-ok-default check-mark"></span><span class="text">CSV</span></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="action-helper">
                        <button class="btn btn-primary" data-action="download" id="download">Download</button>
                    </div>
                </div>
                <div class="row">
                    <span>Filter</span>
                    <div class="actions-container">
                        <div class="dropdown bootstrap-select form-control dropup">
                            <select class="selectpicker form-control" id="filters-list" title="Choose...">
                                <option class="bs-title-option" value=""></option>
                                <option value="+add">Add...</option>
                            </select>
                            <button
                                type="button"
                                tabindex="-1"
                                class="btn dropdown-toggle bs-placeholder btn-light"
                                data-toggle="dropdown"
                                role="combobox"
                                aria-owns="bs-select-67"
                                aria-haspopup="listbox"
                                aria-expanded="false"
                                data-id="filters-list"
                                title="Choose..."
                            >
                                <div class="filter-option">
                                    <div class="filter-option-inner"><div class="filter-option-inner-inner">Choose...</div></div>
                                </div>
                            </button>
                            <div class="dropdown-menu" style="max-height: 96.75px; overflow: hidden; min-height: 0px;">
                                <div class="inner show" role="listbox" id="bs-select-67" tabindex="-1" style="max-height: 82.75px; overflow-y: auto; min-height: 0px;">
                                    <ul class="dropdown-menu inner show" role="presentation" style="margin-top: 0px; margin-bottom: 0px;">
                                        <li>
                                            <a role="option" class="dropdown-item" id="bs-select-67-0" tabindex="0"><span class="bs-ok-default check-mark"></span><span class="text">Add...</span></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="action-helper">
                        <button class="btn btn-primary" data-action="save-filter" id="save-filter">Save</button>
                        <button class="btn btn-red" data-action="delete-filter" id="delete-filter">Delete</button>
                    </div>
                </div>
                <div class="row">
                    <button class="btn btn-primary" data-action="clear" id="clear-filters">Clear Filters</button>
                </div>
                <div class="row absolute">
                    <div class="row" id="columns-selector">
                        <span>Columns</span>
                        <div class="actions-container">
                            <div class="dropdown bootstrap-select show-tick form-control columns-list">
                                <select class="selectpicker form-control columns-list" multiple="" title="Configure...">
                                    <option value="ID" selected="selected">ID</option>
                                    <option value="Local Time" selected="selected">Local Time</option>
                                    <option value="Full Name" selected="selected">Full Name</option>
                                    <option value="E-mail" selected="selected">E-mail</option>
                                    <option value="Phone" selected="selected">Phone</option>
                                    <option value="Country" selected="selected">Country</option>
                                    <option value="Brand" selected="selected">Brand</option>
                                    <option value="Registered" selected="selected">Registered</option>
                                    <option value="Source" selected="selected">Source</option>
                                    <option value="Affiliate Data" selected="selected">Affiliate Data</option>
                                    <option value="Language" selected="selected">Language</option>
                                    <option value="Manager" selected="selected">Manager</option>
                                    <option value="IB" selected="selected">IB</option>
                                    <option value="Status" selected="selected">Status</option>
                                    <option value="Balance" selected="selected">Balance</option>
                                    <option value="Online" selected="selected">Online</option>
                                    <option value="Last Online" selected="selected">Last Online</option>
                                    <option value="Affiliate Name" selected="selected">Affiliate Name</option>
                                    <option value="Last Comment" selected="selected">Last Comment</option>
                                    <option value="Action" selected="selected">Action</option>
                                </select>
                                <button
                                    type="button"
                                    tabindex="-1"
                                    class="btn dropdown-toggle btn-light"
                                    data-toggle="dropdown"
                                    role="combobox"
                                    aria-owns="bs-select-68"
                                    aria-haspopup="listbox"
                                    aria-expanded="false"
                                    title="ID, Local Time, Full Name, E-mail, Phone, Country, Brand, Registered, Source, Affiliate Data, Language, Manager, IB, Status, Balance, Online, Last Online, Affiliate Name, Last Comment, Action"
                                >
                                    <div class="filter-option">
                                        <div class="filter-option-inner">
                                            <div class="filter-option-inner-inner">
                                                ID, Local Time, Full Name, E-mail, Phone, Country, Brand, Registered, Source, Affiliate Data, Language, Manager, IB, Status, Balance, Online, Last Online, Affiliate Name, Last Comment, Action
                                            </div>
                                        </div>
                                    </div>
                                </button>
                                <div class="dropdown-menu" style="max-height: 222px; overflow: hidden; min-height: 92px;">
                                    <div class="inner show" role="listbox" id="bs-select-68" tabindex="-1" aria-multiselectable="true" style="max-height: 208px; overflow-y: auto; min-height: 78px;">
                                        <ul class="dropdown-menu inner show" role="presentation" style="margin-top: 0px; margin-bottom: 0px;">
                                            <li class="selected">
                                                <a role="option" class="dropdown-item selected" id="bs-select-68-0" tabindex="0" aria-selected="true"><span class="bs-ok-default check-mark"></span><span class="text">ID</span></a>
                                            </li>
                                            <li class="selected">
                                                <a role="option" class="dropdown-item selected" id="bs-select-68-1" tabindex="0" aria-selected="true"><span class="bs-ok-default check-mark"></span><span class="text">Local Time</span></a>
                                            </li>
                                            <li class="selected">
                                                <a role="option" class="dropdown-item selected" id="bs-select-68-2" tabindex="0" aria-selected="true"><span class="bs-ok-default check-mark"></span><span class="text">Full Name</span></a>
                                            </li>
                                            <li class="selected">
                                                <a role="option" class="dropdown-item selected" id="bs-select-68-3" tabindex="0" aria-selected="true"><span class="bs-ok-default check-mark"></span><span class="text">E-mail</span></a>
                                            </li>
                                            <li class="selected">
                                                <a role="option" class="dropdown-item selected" id="bs-select-68-4" tabindex="0" aria-selected="true"><span class="bs-ok-default check-mark"></span><span class="text">Phone</span></a>
                                            </li>
                                            <li class="selected">
                                                <a role="option" class="dropdown-item selected" id="bs-select-68-5" tabindex="0" aria-selected="true"><span class="bs-ok-default check-mark"></span><span class="text">Country</span></a>
                                            </li>
                                            <li class="selected">
                                                <a role="option" class="dropdown-item selected" id="bs-select-68-6" tabindex="0" aria-selected="true"><span class="bs-ok-default check-mark"></span><span class="text">Brand</span></a>
                                            </li>
                                            <li class="selected">
                                                <a role="option" class="dropdown-item selected" id="bs-select-68-7" tabindex="0" aria-selected="true"><span class="bs-ok-default check-mark"></span><span class="text">Registered</span></a>
                                            </li>
                                            <li class="selected">
                                                <a role="option" class="dropdown-item selected" id="bs-select-68-8" tabindex="0" aria-selected="true"><span class="bs-ok-default check-mark"></span><span class="text">Source</span></a>
                                            </li>
                                            <li class="selected">
                                                <a role="option" class="dropdown-item selected" id="bs-select-68-9" tabindex="0" aria-selected="true"><span class="bs-ok-default check-mark"></span><span class="text">Affiliate Data</span></a>
                                            </li>
                                            <li class="selected">
                                                <a role="option" class="dropdown-item selected" id="bs-select-68-10" tabindex="0" aria-selected="true"><span class="bs-ok-default check-mark"></span><span class="text">Language</span></a>
                                            </li>
                                            <li class="selected">
                                                <a role="option" class="dropdown-item selected" id="bs-select-68-11" tabindex="0" aria-selected="true"><span class="bs-ok-default check-mark"></span><span class="text">Manager</span></a>
                                            </li>
                                            <li class="selected">
                                                <a role="option" class="dropdown-item selected" id="bs-select-68-12" tabindex="0" aria-selected="true"><span class="bs-ok-default check-mark"></span><span class="text">IB</span></a>
                                            </li>
                                            <li class="selected">
                                                <a role="option" class="dropdown-item selected" id="bs-select-68-13" tabindex="0" aria-selected="true"><span class="bs-ok-default check-mark"></span><span class="text">Status</span></a>
                                            </li>
                                            <li class="selected">
                                                <a role="option" class="dropdown-item selected" id="bs-select-68-14" tabindex="0" aria-selected="true"><span class="bs-ok-default check-mark"></span><span class="text">Balance</span></a>
                                            </li>
                                            <li class="selected">
                                                <a role="option" class="dropdown-item selected" id="bs-select-68-15" tabindex="0" aria-selected="true"><span class="bs-ok-default check-mark"></span><span class="text">Online</span></a>
                                            </li>
                                            <li class="selected">
                                                <a role="option" class="dropdown-item selected" id="bs-select-68-16" tabindex="0" aria-selected="true"><span class="bs-ok-default check-mark"></span><span class="text">Last Online</span></a>
                                            </li>
                                            <li class="selected">
                                                <a role="option" class="dropdown-item selected" id="bs-select-68-17" tabindex="0" aria-selected="true">
                                                    <span class="bs-ok-default check-mark"></span><span class="text">Affiliate Name</span>
                                                </a>
                                            </li>
                                            <li class="selected">
                                                <a role="option" class="dropdown-item selected" id="bs-select-68-18" tabindex="0" aria-selected="true"><span class="bs-ok-default check-mark"></span><span class="text">Last Comment</span></a>
                                            </li>
                                            <li class="selected">
                                                <a role="option" class="dropdown-item selected" id="bs-select-68-19" tabindex="0" aria-selected="true"><span class="bs-ok-default check-mark"></span><span class="text">Action</span></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <button class="btn btn-primary" id="columns-selector-toggler" title="Select Columns"><i class="material-icons">filter_alt</i></button>
                        <button class="btn btn-primary" data-action="refresh" id="refresh-table"><i class="material-icons">sync</i></button>
                    </div>
                </div>
            </div>
            <div id="table-users_wrapper" class="dataTables_wrapper dt-bootstrap4 no-footer">
                <div class="row">
                    <div class="col-sm-2 col-md-2">
                        <div class="dataTables_length" id="table-users_length">
                            <label>
                                Show
                                <select name="table-users_length" aria-controls="table-users" class="custom-select custom-select-sm form-control form-control-sm">
                                   {!! get_pagination_option($lx) !!}
                                </select>
                                entries
                            </label>
                        </div>
                    </div>
                    <div class="col-sm-9 col-md-9 invisible"></div>
                </div>
                <div class="row">
                    <div class="col-sm-12">
                        <table id="table-users" class="dataTable no-footer" role="grid" style="width: 1384px;">
                            <thead>
                                <tr role="row">
                                
                                    <th class="sorting" tabindex="0" aria-controls="table-users" rowspan="1" colspan="1" style="width: 36px;" aria-label="ID: activate to sort column ascending" aria-sort="descending">Name</th>
                                    <th class="sorting_disabled" rowspan="1" colspan="1" style="width: 38px;" aria-label="Local Time">Lot Size</th>
                                    <th class="sorting" tabindex="0" aria-controls="table-users" rowspan="1" colspan="1" style="width: 38px;" aria-label="Full Name: activate to sort column ascending">Lot Step</th>
                                    <th class="sorting" tabindex="0" aria-controls="table-users" rowspan="1" colspan="1" style="width: 41px;" aria-label="E-mail: activate to sort column ascending">Minimum Volume</th>
                                    <th class="sorting" tabindex="0" aria-controls="table-users" rowspan="1" colspan="1" style="width: 48px;" aria-label="Phone: activate to sort column ascending">Maximum Volume</th>
                                    <th class="sorting" tabindex="0" aria-controls="table-users" rowspan="1" colspan="1" style="width: 121px;" aria-label="E-mail: activate to sort column ascending">Default Leverage</th>
                                    <th class="sorting" tabindex="0" aria-controls="table-users" rowspan="1" colspan="1" style="width: 48px;" aria-label="Phone: activate to sort column ascending">Available</th>
                                    <th class="sorting" tabindex="0" aria-controls="table-users" rowspan="1" colspan="1" style="width: 51px;" aria-label="Country: activate to sort column ascending">Status</th>
                                   
                                    <th data-role-right="5" class="sorting_disabled" rowspan="1" colspan="1" style="width: 40px;" aria-label="Action">Action</th>
                                </tr>
                                <tr class="search-tab">
                                  
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th>
                                      
                                    </th>
                                
                                  
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                @if(!empty($symbols))
                                @for($i = 0; $i < count($symbols); $i++)
                                <tr role="row" class="@if($i % 2 == 0 ) odd @else even @endif" data-search="deleteModalCenter{{$i}}">
                                   
                                    <td class="sorting_1">{{$symbols[$i]->name}}</td>
                                    <td>{{$symbols[$i]->lot_size}}</td>
                                    <td class="pointer bold text-left">
                                       {{$symbols[$i]->lot_step}}
                                    </td>
                                    <td>{{$symbols[$i]->min_vol}}</td>
                                    <td>{{$symbols[$i]->max_vol}}</td>
                                    <td>{{$symbols[$i]->d_leverage}}</td>
                                    <td>-</td>
                                    <td>{{get_status($symbols[$i]->status)}}</td>
                                    
                                    <td><i class="material-icons btn btn-red" title="Remove"  data-bs-toggle="modal" data-bs-target="#editModalCenter{{$i}}">edit</i>
                                     
                                    <i class="material-icons btn btn-red" title="Remove" data-bs-toggle="modal" data-bs-target="#deleteModalCenter{{$i}}">delete_forever</i></td>
                                </tr>
                                <div class="modal fade" id="editModalCenter{{$i}}" tabindex="-1" role="dialog" aria-labelledby="editModalCenterTitle{{$i}}" aria-hidden="true" data-bs-backdrop="static" data-bs-keyboard="false">
  <div class="modal-dialog modal-dialog-centered" role="document"style="min-width:450px">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLongTitle">Edit Symbol Group - {{$symbols[$i]->name}}</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
       <form class="form-modals" action="{{route('admin.symbolgroup.edit')}}" id="edit-symbols{{$i}}">
           <div class="row">
               
              <div class ="col-xl-6 col-md-6">
                  <label class="col-form-label">Name</label>
                  <input type="text" class="form-control" name="name" value="{{$symbols[$i]->name}}" />
              </div>
              
              <div class ="col-xl-6 col-md-6">
                  <label class="col-form-label">Lot Size</label>
                  <input type="text" class="form-control" name="lsize" value="{{$symbols[$i]->lot_size}}" />
              </div>
              <div class ="col-xl-6 col-md-6">
                  <label class="col-form-label">Lot Step</label>
                  <input type="text" class="form-control" name="lstep" value="{{$symbols[$i]->lot_step}}" />
              </div>
               
               <div class ="col-xl-6 col-md-6">
                  <label class="col-form-label">Min Volume</label>
                  <input type="text" class="form-control" name="mnvol" value="{{$symbols[$i]->min_vol}}" />
              </div>
               <div class ="col-xl-6 col-md-6">
                  <label class="col-form-label">Max Volume</label>
                  <input type="text" class="form-control" name="mxvol" value="{{$symbols[$i]->max_vol}}" />
              </div>
              <div class ="col-xl-6 col-md-6">
                  <label class="col-form-label">Leverage</label>
                  <input type="text" class="form-control" name="lever" value="{{$symbols[$i]->d_leverage}}" />
              </div>
              <div class ="col-xl-6 col-md-6">
                  <label class="col-form-label">Material Icons</label>
                  <input type="text" class="form-control" name="micons" value="{{$symbols[$i]->icons}}" />
              </div>
              <div class ="col-xl-6 col-md-6">
                  <label class="col-form-label">Status</label>
                  <select name="stats" class="form-control">
                      <option value="1" {{ getSelected('1' , $symbols[$i]->status) }}>Active</option>
                      <option value="0" {{ getSelected('0' , $symbols[$i]->status) }}>Inctive</option>
                  </select>
                  <input type="hidden" name="_token" value="{{ csrf_token() }}">
                  <input type="hidden" name='xrid' value="{{$symbols[$i]->id}}">
              </div>
             
              </div>
          </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary modal-submit-btn"  data-search="exampleModalCenter"  data-form="edit-symbols{{$i}}">Submit</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="deleteModalCenter{{$i}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true" data-backdrop="false">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLongTitle">Delete Symbol Group - ({{$symbols[$i]->name}})</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
       You are about to delete {{$symbols[$i]->name }}
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary deleteModal" id="" data-search="deleteModalCenter{{$i}}" data-id="{{$symbols[$i]->id}}">Continue</button>
      </div>
    </div>
  </div>
</div>
                                @endfor
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-2 col-md-2">
                        <div class="dataTables_length">
                            <label>
                                Show
                                <select name="table-users_length" aria-controls="table-users" class="custom-select custom-select-sm form-control form-control-sm">
                                    {!! get_pagination_option($lx) !!}
                                </select>
                                entries
                            </label>
                        </div>
                    </div>
                    <div class="col-sm-9 col-md-9">{{$symbols->appends(request()->input())->links('vendor.pagination.custom')}}</div>
                    <div class="col-sm-1 col-md-1">
                      
                    </div>
                </div>
            </div>
        </div>
        <style id="table-style-table-users"></style>
    </div>
</div>

@endsection

@section('scripts')
<script>
    $(function(){
     
        
        /******* Delete Data ****/
         $('body').on('click','.deleteModal', function(){
     var Fave = $(this).attr('data-id');
     var Search = $(this).attr('data-search');
     
     var token = "{{ csrf_token() }}";
                var data = "dtype=" + Fave   + "&_token=" + token;
              
                $.ajax({
                    type: "post",
                    url: '{{ secure_url("admin/deleteSymbolGroup") }}',
                    data: data,
                    dataType: 'json',
                    success: function (res) {
                $('.modal').css('display','none');    
                        if(res.status == true){
                            alert(res.message);
               $("tr[data-search='"+Search+"']").hide()
              $.toast({
    heading: 'Success',
    text: res.message,
    showHideTransition: 'slide',
    icon: 'success'
});
            }else{
              $.toast({
    heading: 'Error',
    text: res.message,
    showHideTransition: 'slide',
    icon: 'error'
});  
            };
                        
                    },
                });
  })
    })
</script>
@endsection