@extends('layouts.admin.app')

@section('content')
    <div class="card shadow mb-4">
        <div class="card-header py-3 d-flex justify-content-between">
            <h6 class="m-0 font-weight-bold text-primary">{{$title}}</h6>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-striped table-hover">
                    <thead>
                    <tr>
                        <th>Name</th>
                        <th>status</th>
                        <th>contract</th>
                        <th>leverage</th>
                        <th>decimals</th>
                        <th>spread ask</th>
                        <th>spread bid</th>
                        <th></th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach ($pairs as $pair)
                        <tr>
                            <td>{{$pair->name}}</td>
                            <td>{!!$pair->status == 1 ? '<span class="badge bg-label-success">ON</span>' : '<span class="badge bg-label-danger">OFF</span>'!!}</td>
                            <td>{{$pair->contract}}</td>
                            <td>{{$pair->leverage}}</td>
                            <td>{{$pair->decimals}}</td>
                            <td>{{$pair->spreadAsk}}</td>
                            <td>{{$pair->spreadBid}}</td>
                            <td>
                                <a href="{{route('dashboard.pairs.edit', $pair->id)}}" class="btn btn-sm btn-icon rounded-circle btn-warning"><i class="ti ti-edit"></i></a>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection