@extends('layouts.backend')
@section('content')
<style media="screen">
  .market-title{
    color:white;
  }
  .marketCard{
    position: relative;
    color: white;
    border-radius: 20px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 0.5s;
    height: 190px;
    margin-bottom: 30px;
  }
  .marketCard:hover{
    box-shadow: -3px 2px 0px 0px #ffffff8f;
    position: relative;
    bottom: 2px;
    left: 3px;
    transition: all 0.5s;
    cursor: pointer;
  }
  .cardImage{
    width: 50%;
    float: left;
    text-align: center;
  }
  .cardTitle{
    height: 64px;
    width: 50%;
    float: right;
    text-align: center;
  }
  .cardTitle h4{
    margin: 20px 0px;
  }
  .cardBalance{
    width: 100%;
    position: absolute;
    text-align: left;
    padding: 15px;
    background-color: rgba(72, 72, 72, 0.37);
    bottom: 0px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
  }
  .cardBalance p{
    margin: 0px;
    font-size:12px;
  }
  .tradingview-widget-copyright{
    display: none;
  }
  #list{
    max-height: 300px;
    min-height: 300px;
    overflow-y: scroll;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
  }
  #list::-webkit-scrollbar { width: 0 !important }

  .butMax{
    float: right;
  }

  .btn-maxbuy{
    height: 15px;
    color: green;
    background-color: green;
    border-color: green;
    border-radius: 25px;
    margin: 0px 2px;
  }
  .btn-maxsell{
    height: 15px;
    color: red;
    background-color: red;
    border-color: red;
    border-radius: 25px;
    margin: 0px 2px;
  }
  img {
    vertical-align: middle;
  }

</style>
<div class="marketContent" style="margin-top: 8.33333%;padding-bottom: 70px;" >
  <div class="market-body" style="margin-top:20px;">
    <div class="row marketunit justify-content-center" style="display:none;">
    </div>
    <div class="marketcards row">

    </div>
    <div class="row justify-content-center mt-5" id="generalAct">
      <div class="horizontal-line"></div>
      <div class="col-md-12 mt-5">
            <div class="panel panel-alternative panel-alternative-blank">
                <div class="panel-heading text-center text-uppercase">
                    <h5 class="font-weight-bold">{{__('messages.activity')}}</h5>
                </div>
                <div class="panel-body px-0">
                    <div class="accordion" id="generalActivity">

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="marketMod" role="dialog">
  <div class="modal-dialog">
    <!-- Modal content-->
    <div class="modal-content modal-alternative">
      <div class="modal-header">
        <h4 class="modal-title"></h4>
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>
      <div class="modal-body">

      </div>
      <div class="modal-footer">

      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="marketAlertMod" role="dialog">
  <div class="modal-dialog modal-sm">
    <!-- Modal content-->
    <div class="modal-content modal-alternative content-alert">
      <div class="alert" style="margin: 0px;">
        <p class="text-alert"></p>
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>
    </div>
  </div>
</div>

@include('modals.LevelThree')
@include('modals.maintenance')
@endsection