@extends('layouts.app')
@section('content')
    <div class="container">
    <div class="col-md-12">
        <div class="row">
            <div class="col-md-12">
                <a id="newServices_btn" class="btn knowmad_btn_blue knowmad_btn" style="float: right;" href="{{ route('admin.prices.create') }}"><i class="icon fa fa-pencil"></i> New Service</a>
            </div>
        </div>
        <div class="row margin-top-10">
            <div class="col-md-12">
                <table class="table table-striped tableStyle no-bottom dataTables dt-responsive" >
                    <thead>
                    <tr>
                        <th>
                            #
                        </th>
                        <th>
                            Service
                        </th>
                        <th>
                            Days
                        </th>
                        <th>Price</th>
                        <th>Min Word Count</th>
                        <th>Max Word Count</th>
                        <th  class="no_sort hide_on_mobile">
                            Option
                        </th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach ($services as $service)
                        <tr>
                            <td class="vMiddle">
                                {{$loop->iteration}}
                                <br>
                                <span class="action mobile">
                                    <ul>
                                        <li>
                                            <a>
                                                ACTION
                                                <i class="icon fa fa-angle-down"></i>
                                            </a>
                                            <ul>
                                                <li><span class="icon-align col-xs-3"><i class="icon fa fa-folder-open-o"></i></span><a href="{{ route('admin.prices.edit', array('serviceId' => $service->id)) }}">Edit</a></li>
                                                <li>
                                                    <span class="icon-align col-xs-3">
                                                        <i class="icon fa fa-times"></i>
                                                    </span>
                                                    {{ Form::open(['id' => 'deleteServiceForm', 'method' => 'DELETE', 'route' => ['admin.prices.destroy', 'id' => $service->id]]) }}
                                                    <input class="btn" type="submit" value="Delete" onclick="return confirm('Do you want to delete the service?')">
                                                    {{ Form::close() }}

                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </span>
                            </td>
                            <td class="vMiddle">
                                {{$service->service}}
                            </td>
                            <td>{{$service->days}}</td>
                            <td>
                                {{$service->price}}
                            </td>
                            <td>{{$service->min_word_count}}</td>
                            <td>{{$service->max_word_count}}</td>
                            <td class="hide_on_mobile">
                                <div class="action">
                                    <ul>
                                        <li>
                                            <a>
                                                ACTION
                                                <i class="icon fa fa-angle-down"></i>
                                            </a>
                                            <ul style="left: unset; right: 0;">
                                                <li><span class="icon-align col-xs-3"><i class="icon fa fa-folder-open-o"></i></span><a href="{{ route('admin.prices.edit', array('serviceId' => $service->id)) }}">Edit</a></li>
                                                <li>
                                                    <span class="icon-align col-xs-3">
                                                        <i class="icon fa fa-times"></i>
                                                    </span>
                                                    {{ Form::open(['id' => 'deleteServiceForm', 'method' => 'DELETE', 'route' => ['admin.prices.destroy', 'id' => $service->id]]) }}
                                                    <input class="btn" type="submit" value="Delete" onclick="return confirm('Do you want to delete the service?')">
                                                    {{ Form::close() }}

                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    </div>
@endsection