@extends('vendor.site-bases.admin.inc.layout')

@section('title', 'ტელეფონები')

@section('content')
    <div class="page-title">
        <div class="title_left">
            <h3>ტელეფონები</h3>
        </div>
    </div>
    @include('vendor.site-bases.admin.inc.message')
    <div class="row">
        <div class="col-md-12">
            <div class="x_panel">
                <div class="x_title">
                    <form action="">
                        <input type="text" value="{{ request()->input('q') }}" name="q" class="form-control" placeholder="საძიებო სიტყვა">
                        <button class="btn btn-success">ძებნა</button>
                    </form>
                </div>
                <div class="x_content">
                    @if(count($phones))
                        <table class="table table-striped jambo_table bulk_action">
                            <thead>
                                <tr class="headings">
                                    <th class="column-title">ID</th>
                                    <th class="column-title">ტელეფონი</th>
                                    <th class="column-title">თარიღი</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($phones as $key => $phone)
                                    <tr>
                                        <td>
                                            {{ $phone->id }}
                                        </td>
                                        <td>
                                            {{ $phone->phone_number }}
                                        </td>
                                        <td>
                                            <i class="fa fa-clock-o" aria-hidden="true"></i>
                                            {{ $phone->created_at }}
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                        {{ $phones->appends(request()->except('page'))->links() }}
                    @else
                        <div class="alert alert-info">ტელეფონები ვერ მოიძებნა</div>
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection

@section('style')
    <link href="{{ asset('assets/admin') }}/vendors/select2/dist/css/select2.min.css" rel="stylesheet">

    <link href="{{ asset('assets/admin') }}/vendors/switchery/dist/switchery.min.css" rel="stylesheet">

    <link href="{{ asset('assets/admin') }}/vendors/redactor/redactor1.css" rel="stylesheet">

    <link href="{{asset('assets/admin/vendors/jquery.fileuploader/jquery.fileuploader.css')}}" rel="stylesheet">
@endsection

@section('script')
    <script src="{{ asset('assets/admin') }}/vendors/jquery.tagsinput/src/jquery.tagsinput.js"></script>
    <script src="{{ asset('assets/admin') }}/vendors/switchery/dist/switchery.min.js"></script>
    <script src="{{ asset('assets/admin') }}/vendors/select2/dist/js/select2.full.min.js"></script>
    <script src="{{ asset('assets/admin') }}/vendors/autosize/dist/autosize.min.js"></script>
    <script src="{{ asset('assets/admin') }}/vendors/devbridge-autocomplete/dist/jquery.autocomplete.min.js"></script>
    <script src="{{ asset('assets/admin') }}/vendors/starrr/dist/starrr.js"></script>
    <script src="{{ asset('assets/admin/vendors/redactor/redactor1.js') }}"></script>
    <script src="{{ asset('assets/admin/vendors/jquery.fileuploader/jquery.fileuploader.js') }}"></script>
@endsection

@section('css')

    <style type="text/css">

        .post { width: 55px;  vertical-align: middle; margin-right: 10px;}

        .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{ vertical-align: middle;}

        .table>thead .iCheck-helper{background: #101010 !important;}

        #categories {
            width: 50%;
        }

        .cursor-move {
            cursor: move;
        }

        form {
            display: flex;
        }
        form input {
            width: 40%!important;
            margin-right: 10px;
        }

    </style>

@endsection