@extends('admin.layouts.master')
@section('title', 'Search Result')
@section('script_css')
<link href="{{ asset('assets/plugins/custom/datatables/datatables.bundle.css') }}" rel="stylesheet" type="text/css" />
@endsection
@section('content')
<div class="content d-flex flex-column flex-column-fluid" id="kt_content">

    <div class="subheader py-2 py-lg-4 subheader-solid" id="kt_subheader">
        <div class="container-fluid d-flex align-items-center justify-content-between flex-wrap flex-sm-nowrap">
            <!--begin::Info-->
            <div class="d-flex align-items-center flex-wrap mr-2">
                <!--begin::Page Title-->
                <h5 class="text-dark font-weight-bold mt-2 mb-2 mr-5">Numbers</h5>
                <!--end::Page Title-->
            </div>
            <!--end::Toolbar-->
        </div>
    </div>

    @include('admin.layouts.flash_messages')
    <!--begin::Entry-->
    <div class="d-flex flex-column-fluid">
        <!--begin::Container-->
        <div class="container">
            <!--end::Notice-->
            <!--begin::Card-->
            <div class="card card-custom">
                <div class="card-header">
                    <div class="card-title">
                        <h3 class="card-label">Search Result</h3>
                    </div>
                </div>
                <div class="card-body">
                    <table class="table table-separate table-head-custom table-checkable" id="table">
                        <thead>
                            <tr>
                                <th>Friendly Name</th>
                                <th>Number</th>
                                <th>SMS Enabled</th>
                                <th>Voice Enabled</th>
                                <th>MMS Enabled</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($numbers as $number)
                            <tr>

                                <td>{{$number->friendlyName}}</td>
                                <td>{{$number->phoneNumber}}</td>

                                <td>
                                    @if( $number->capabilities->sms == 1 )
                                    <i class="fa fa-check"></i>
                                    @else
                                    -
                                    @endif
                                </td>
                                <td>
                                    @if( $number->capabilities->voice == 1 )
                                    <i class="fa fa-check"></i>
                                    @else
                                    -
                                    @endif
                                </td>
                                <td>
                                    @if( $number->capabilities->mms == 1 )
                                    <i class="fa fa-check"></i>
                                    @else
                                    -
                                    @endif
                                </td>
                                <td>
                                    <form action="{{ route('admin.number.store') }}" method="post" enctype="multipart/form-data">
                                        @csrf
                                        <input type="hidden" name="name" value="{{$number->friendlyName}}" />
                                        <!-- <input type="hidden" name="provider" value="{{$provider}}" /> -->
                                        <button type="submit" name="number" value="{{ $number->phoneNumber }}" class="btn btn-primary m-btn m-btn--pill m-btn--custom m-btn--icon m-btn--air">Purchase</button>
                                    </form>
                                </td>

                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                    <!--end: Datatable-->
                </div>
            </div>
            <!--end::Card-->
        </div>
        <!--end::Container-->
    </div>
    <!--end::Entry-->
</div>
@endsection
@section('script_js')

<script src="{{ asset('assets/plugins/custom/datatables/datatables.bundle.js') }}"></script>
<script>
    $(document).ready(function() {
        $('#table').DataTable();
    });
</script>
@endsection