@extends('layouts.admin-page-wide')

@section('pageTitle',__('site.order').': '.$order->user->name)
@section('page-title',__('site.order').': '.$order->user->name)

@section('page-content')
    <div class="container-fluid">
        <div class="row">


            <div class="col-md-12">
                <div  >
                    <div  >
                        @can('access','view_orders')
                        <a href="{{ url('/admin/orders') }}" title="@lang('site.back')"><button class="btn btn-warning btn-sm"><i class="fa fa-arrow-left" aria-hidden="true"></i> @lang('site.back')</button></a>
                        @endcan

                        @can('access','edit_order')
                        <a href="{{ url('/admin/orders/' . $order->id . '/edit') }}" ><button class="btn btn-primary btn-sm"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> @lang('site.edit')</button></a>
                        @endcan

                        @can('access','delete_order')
                        <form method="POST" action="{{ url('admin/orders' . '/' . $order->id) }}" accept-charset="UTF-8" class="int_inlinedisp">
                            {{ method_field('DELETE') }}
                            {{ csrf_field() }}
                            <button type="submit" class="btn btn-danger btn-sm" title="@lang('site.delete')" onclick="return confirm(&quot;@lang('site.confirm-delete')?&quot;)"><i class="fa fa-trash-o" aria-hidden="true"></i> @lang('site.delete')</button>
                        </form>
                        @endcan


                        <br/>
                        <br/>

                        <!-- Nav tabs -->
                        <ul class="nav nav-tabs">
                            <li class="nav-item">
                                <a class="nav-link active" data-toggle="tab" href="#home">@lang('site.order-details')</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#menu1">@lang('site.employer-details')</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#menu2">@lang('site.shortlist')</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#menu3">@lang('site.invoices')</a>
                            </li>
                            @can('access','create_interview')
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#menu4">@lang('site.create-interview')</a>
                            </li>
                            @endcan
                        </ul>

                        <!-- Tab panes -->
                        <div class="tab-content">
                            <div class="tab-pane container active" id="home">


                                <div class="accordion" id="accordionExample">
                                    <div class="card">
                                        <div class="card-header" id="headingOne">
                                            <h2 class="mb-0">
                                                <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                                    @lang('site.general-details')
                                                </button>
                                            </h2>
                                        </div>

                                        <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
                                            <div class="card-body">
                                                <div class="row">
                                                    <div class="form-group col-md-6 {{ $errors->has('user_id') ? 'has-error' : ''}}">
                                                        <label for="user_id" class="control-label">@lang('site.employer')</label>

                                                        <div><a href="{{ route('admin.employers.show',['employer'=>$order->user_id]) }}">{{ $order->user->name }}</a></div>

                                                    </div>
                                                    <div class="form-group col-md-6  ">
                                                        <label for="added" class="control-label">@lang('site.added-on')</label>
                                                            <div>{{ \Illuminate\Support\Carbon::parse($order->created_at)->format('d/M/Y') }}</div>


                                                    </div>
                                                </div>



                                                <div class="row">


                                                    <div class="form-group col-md-6 {{ $errors->has('status') ? 'has-error' : ''}}">
                                                        <label for="status" class="control-label">@lang('site.status')</label>
                                                        <div>{{ orderStatus($order->status) }}</div>

                                                    </div>

                                                    <div class="form-group col-md-6 {{ $errors->has('interview_date') ? 'has-error' : ''}}">
                                                        <label for="interview_date" class="control-label">@lang('site.interview-date')</label>
                                                        @if(!empty($order->interview_date))
                                                            <div>{{ \Illuminate\Support\Carbon::parse($order->interview_date)->format('d/M/Y') }}</div>
                                                        @endif

                                                    </div>

                                                </div>


                                                <div class="row">
                                                    <div class="form-group col-md-6">
                                                        <label>@lang('site.interview-location')</label>
                                                        <div>{!! clean( nl2br(clean($order->interview_location)) ) !!}</div>
                                                    </div>
                                                    <div class="form-group col-md-6">
                                                        <label>@lang('site.interview-time')</label>
                                                        <div>{{ $order->interview_time }}</div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="form-group col-md-12">
                                                        <label>@lang('site.comments')</label>
                                                        <div>{!! clean( nl2br(clean($order->comments)) ) !!}</div>
                                                    </div>
                                                </div>





                                            </div>
                                        </div>


                                    </div>
                                    @foreach(\App\OrderFieldGroup::where('order_form_id',$order->order_form_id)->orderBy('sort_order')->get() as $group)
                                        <div class="card">
                                            <div class="card-header" id="heading{{ $group->id }}">
                                                <h2 class="mb-0">
                                                    <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapse{{ $group->id }}" aria-expanded="false" aria-controls="collapse{{ $group->id }}">
                                                        {{ $group->name }}
                                                    </button>
                                                </h2>
                                            </div>
                                            <div id="collapse{{ $group->id }}" class="collapse" aria-labelledby="heading{{ $group->id }}" data-parent="#accordionExample">
                                                <div class="card-body">
                                                    <div class="row">
                                                        @foreach($group->orderFields()->orderBy('sort_order')->get() as $field)