@extends('layouts.master')
@section('css')
    <!---Internal  Prism css-->
    <link href="{{ URL::asset('assets/plugins/prism/prism.css') }}" rel="stylesheet">
@endsection
@section('page-header')
    <!-- breadcrumb -->
    <div class="breadcrumb-header justify-content-between">
        <div class="my-auto">
            <div class="d-flex">
                <h4 class="content-title mb-0 my-auto"><a href="{{ route('banks.index') }}">البنوك</a></h4><span
                    class="text-muted mt-1 tx-13 mr-2 mb-0">/ عرض تفاصيل
                    البنك</span>
            </div>
        </div>
    </div>
    <!-- breadcrumb -->
@endsection
@section('content')
    <!-- row -->
    <div class="row">
        <div class="col-xl-12">
            <div class="card">
                <div class="card-header pb-0">
                    <h3>تفاصيل البنك</h3>
                </div>
                <div class="card-body">
                    <div class="row mb-4">
                        <div class="col-md-4">
                            <label for="name">إسم البنك</label>
                            <input type="text" class="form-control" value="{{ $bank->bank_name }}" readonly
                                id="name">
                        </div>
                        <div class="col-md-4">
                            <label for="email">البريد الإلكتروني</label>
                            <input type="text" class="form-control" value="{{ $bank->email }}" id="email" readonly>
                        </div>
                        <div class="col-md-4">
                            <label for="expire_at">تاريخ إنتهاء ال (Token)</label>
                            <input type="text" class="form-control" value="{{ $bank->token_expire_at }}" id="expire_at"
                                readonly>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <ul class="nav nav-tabs html-source" id="html-source-code" role="tablist">
                                <li class="nav-item">
                                    <a class="nav-link active ml-1 access-token" id="access-token" data-toggle="tab"
                                        href="#access-token" role="tab" aria-controls="access-token"
                                        aria-selected="true">Access Token</a>
                                </li>
                            </ul>

                            <figure class="highlight clip-widget" id="element1">
                                <pre>
                                    <code class="language-markup">
                                        <script type="html-dashlead/script">
                                            {{$bank->access_token}}
                                        </script>
                                    </code>
                                </pre>
                                <div class="clipboard-icon" data-clipboard-target="#element1"><i
                                        class="las la-clipboard"></i>
                                </div>
                            </figure>

                            <ul class="nav nav-tabs " id="" role="tablist">
                                <li class="nav-item">
                                    <a class="nav-link active ml-1 refresh-token" id="refresh-token" data-toggle="tab"
                                        href="#refresh-token" role="tab" aria-controls="refresh-token"
                                        aria-selected="true">Refresh Token</a>
                                </li>
                            </ul>
                            <figure class="highlight clip-widget" id="element2">
                                <pre>
                                    <code class="language-markup">
                                        <script type="html-dashlead/script">
                                            {{$bank->refresh_token}}
                                        </script>
                                    </code>
                                </pre>
                                <div class="clipboard-icon" data-clipboard-target="#element2"><i
                                        class="las la-clipboard"></i>
                                </div>
                            </figure>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- row closed -->
    </div>
    <!-- Container closed -->
    </div>
    <!-- main-content closed -->
@endsection
@section('js')
    <!-- Internal Select2 js-->
    <script src="{{ URL::asset('assets/plugins/select2/js/select2.min.js') }}"></script>
    <!-- Internal Jquery.mCustomScrollbar js-->
    <script src="{{ URL::asset('assets/plugins/custom-scroll/jquery.mCustomScrollbar.concat.min.js') }}"></script>
    <!--Internal  Clipboard js-->
    <script src="{{ URL::asset('assets/plugins/clipboard/clipboard.min.js') }}"></script>
    <script src="{{ URL::asset('assets/plugins/clipboard/clipboard.js') }}"></script>
    <!-- Internal Prism js-->
    <script src="{{ URL::asset('assets/plugins/prism/prism.js') }}"></script>
@endsection