@extends('admin.layout.base')

@section('title', 'Pages ')

@section('styles')
<style>
    .viewtable tr{
        margin: 10px 5px;
        display: block;
    }
    .viewtable td:first-child{
        width: 250px;
    }
</style>
@endsection

@section('content')
<div class="content-area py-1">
    <div class="container-fluid">
         <div class="row bg-title">
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                <h4 class="page-title">View {{ $service->name }} Service</h4><a href="{{ route('admin.service.index') }}" class="btn btn-outline-warning btn-rounded w-min-sm m-l-0-75 waves-effect waves-light">@lang('admin.list_service_types')</a>
            </div>
            <div class="col-lg-6 col-sm-6 col-md-6 col-xs-12">
                <ol class="breadcrumb">
                    <li><a href="{{ route('admin.dashboard') }}">@lang('admin.dashboard')</a></li>
                    <li class="active">@lang('admin.list_service_types')</li>
                </ol>
            </div>
        </div>

        <div class="box box-block bg-white">
            <h5>{{ $service->name }} Service <span><a href="{{ route('admin.service.edit', $service->id) }}" class="btn btn-info btn-rounded b-a-0 waves-effect waves-light btn-sm">
                                    <i class="fa fa-pencil"></i> Edit
                                </a></span></h5>
            <div class="row">
                <div class="col-xs-6">
                <table class="viewtable">
                    <tr>
                        <td>Service Name</td>
                        <td>{{ $service->name }}</td>
                    </tr>
                     <tr>
                        <td>Peak rate</td>
                        <td>@if($service->p_enable ==1)
                            Friday, Saturday only
                            @elseif($service->p_enable ==2)
                            Special Day
                            @else
                            New Year's Eve
                            @endif
                        </td>
                    </tr>
                    <tr>
                        <td>Description</td>
                        <td>@if($service->description != null)
                            {{ $service->description }}
                            @else
                            -
                            @endif
                        </td>
                    </tr>
                    <tr>
                        <td>Service Image</td>
                        <td><img style="height: 90px; margin-bottom: 15px; border-radius:2em;" src="{{ $service->image }}"></td>
                    </tr>
                </table>
                </div>
            </div>
            
            <div class="row">
                <div class="col-xs-8">
                <table class="table table-striped table-bordered">
                    <tr>
                        <th>Tariff</th>
                        <th>Day Time</th>
                        <th>Night Time</th>
                        <th>Peak Time</th>
                    </tr>
                    <tr>
                        <td>Starting Time</td>
                        <td>{{ $service->d_stime }}</td>
                        <td>{{ $service->n_stime }}</td>
                        <td>{{ $service->p_stime }}</td>
                    </tr>
                    <tr>
                        <td>Ending Time</td>
                        <td>{{ $service->d_etime }}</td>
                        <td>{{ $service->n_etime }}</td>
                        <td>{{ $service->p_etime }}</td>
                    </tr>
                    <tr>
                        <td>Flag fall({{ currency() }})</td>
                        <td>{{ $service->d_flag }}</td>
                        <td>{{ $service->n_flag }}</td>
                        <td>{{ $service->p_flag }}</td>
                    </tr>
                     <tr>
                        <td>Distance rate ({{ currency() }})/km</td>
                        <td>{{ $service->d_distance }}</td>
                        <td>{{ $service->n_distance }}</td>
                        <td>{{ $service->p_distance }}</td>
                    </tr>
                    <tr>
                        <td>Booking fee ({{ currency() }})</td>
                        <td>{{ $service->d_booking }}</td>
                        <td>{{ $service->n_booking }}</td>
                        <td>{{ $service->p_booking }}</td>
                    </tr>
                    <tr>
                        <td>Waiting Cost ({{ currency() }})/min</td>
                        <td>{{ $service->d_waiting }}</td>
                        <td>{{ $service->n_waiting }}</td>
                        <td>{{ $service->p_waiting }}</td>
                    </tr>
                </table>
                </div>
            </div>
            <br>
        </div>
    </div>
</div>
@endsection