@extends('backend.layouts.master')

@section('title','View Customer')

@section('styles')
    <link rel="stylesheet" href="{{asset('backend/plugins/icheck-bootstrap/icheck-bootstrap.min.css')}}"/>
@endsection

@section('contents')
    <div class="content-wrapper">
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0">Customers</h1>
                    </div>
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item"><a href="{{route('admin.index')}}">Dashboard</a></li>
                            <li class="breadcrumb-item"><a href="{{route('admin.customers.index')}}">Customers</a></li>
                            <li class="breadcrumb-item active">View</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>

        <section class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-12">
                        <div class="card card-primary">
                            <div class="card-header">
                                <h3 class="card-title">Customer Detail - {{$customerData->entity_type_name}}</h3>
                                <div class="card-tools">
                                    <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                        <i class="fas fa-minus"></i>
                                    </button>
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label for="customer_name">Customer name</label>
                                            <input type="text" class="form-control" id="customer_name"
                                                   value="{{$customerData->name}}" disabled/>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label for="title">Title</label>
                                            <input type="text" class="form-control" id="title"
                                                   value="{{$customerData->title}}" disabled/>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label for="email">Email</label>
                                            <input type="text" class="form-control" id="email"
                                                   value="{{$customerData->email}}" disabled/>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label for="mobile">Mobile</label>
                                            <input type="text" class="form-control" id="mobile"
                                                   value="{{'+'.$customerData->country_code .'-'. $customerData->mobile}}"
                                                   disabled/>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label for="is_billing_address">Billing Address</label>
                                            <input type="text" class="form-control" id="is_billing_address"
                                                   value="{{($customerData->is_billing_address == 1) ? 'Yes' : 'No'}}"
                                                   disabled/>
                                        </div>
                                    </div>
                                    @if($customerData->is_billing_address == 1)
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label for="billing_name">Billing Name</label>
                                                <input type="text" class="form-control" id="billing_name"
                                                       value="{{$customerData->billing_name}}" disabled/>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label for="po_number">PO Number</label>
                                                <input type="text" class="form-control" id="po_number"
                                                       value="{{$customerData->po_number}}" disabled/>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label for="department">Department</label>
                                                <input type="text" class="form-control" id="department"
                                                       value="{{$customerData->department}}" disabled/>
                                            </div>
                                        </div>
                                    @endif
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label for="detail">Detail</label>
                                            <textarea id="detail" class="form-control" rows="3"
                                                      disabled>{{$customerData->detail}}</textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="card card-primary">
                            <div class="card-header">
                                <h3 class="card-title">Form Detail</h3>
                                <div class="card-tools">
                                    <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                        <i class="fas fa-minus"></i>
                                    </button>
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label for="service_id">Type of service</label>
                                            <input type="text" class="form-control" id="service_id"
                                                   value="{{$formData->service_name}}" disabled>
                                        </div>
                                    </div>
                                    @if($formData->show_vehicle == 1)
                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="is_vehicle">Do you need security vehicles?</label>
                                                <input type="text" class="form-control" id="is_vehicle"
                                                       value="{{($formData->is_vehicle == 1) ? 'Yes' : 'No'}}" disabled>
                                            </div>
                                        </div>
                                        <div class="col-md-7">
                                            <div class="form-group">
                                                <label for="vehicle_detail">Please provide vehicle preference</label>
                                                <input type="text" class="form-control" id="vehicle_detail"
                                                       value="{{$formData->vehicle_detail}}" disabled>
                                            </div>
                                        </div>
                                    @endif
                                    @if($formData->partner_name)
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label for="partner_name">Partner Name</label>
                                                <input type="text" class="form-control" id="partner_name"
                                                       value="{{$formData->partner_name}}" disabled>
                                            </div>
                                        </div>
                                    @endif
                                    @if($formData->address)
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label for="address">Address</label>
                                                <input type="text" class="form-control" id="address"
                                                       value="{{$formData->address}}" disabled>
                                            </div>
                                        </div>
                                    @endif
                                    @if($formData->city)
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label for="city">City</label>
                                                <input type="text" class="form-control" id="city"
                                                       value="{{$formData->city}}" disabled>
                                            </div>
                                        </div>
                                    @endif
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label for="state">State</label>
                                            <input type="text" class="form-control" id="state"
                                                   value="{{($formData->state) ? $formData->state : $formData->state_name}}"
                                                   disabled>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label for="country_id">Country</label>
                                            <input type="text" class="form-control" id="country_id"
                                                   value="{{$formData->country_name}}" disabled>
                                        </div>
                                    </div>
                                    @if($formData->postal_code)
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label for="postal_code">Postal Code</label>
                                                <input type="text" class="form-control" id="postal_code"
                                                       value="{{$formData->postal_code}}" disabled>
                                            </div>
                                        </div>
                                    @endif
                                    @if($formData->location_name)
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label for="location_id">Location name</label>
                                                <input type="text" class="form-control" id="location_id"
                                                       value="{{$formData->location_name}}" disabled>
                                            </div>
                                        </div>
                                    @endif
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label for="is_post_outside">Is the post outside?</label>
                                            <input type="text" class="form-control" id="is_post_outside"
                                                   value="{{($formData->is_post_outside == 1) ? 'Yes' : 'No'}}"
                                                   disabled>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label for="often_service_id">Service Frequency</label>
                                            <input type="text" class="form-control" id="often_service_id"
                                                   value="{{$formData->often_service_name}}" disabled>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label for="start_date">Start Date</label>
                                            <input type="text" class="form-control" id="start_date"
                                                   value="{{$formData->start_date}}" disabled>
                                        </div>
                                    </div>
                                    @if($formData->start_time)
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label for="start_time">Start Time</label>
                                                <input type="text" class="form-control" id="start_time"
                                                       value="{{$formData->start_time}}" disabled>
                                            </div>
                                        </div>
                                    @endif
                                    @if($formData->end_date)
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label for="end_date">End Date</label>
                                                <input type="text" class="form-control" id="end_date"
                                                       value="{{$formData->end_date}}" disabled>
                                            </div>
                                        </div>
                                    @endif
                                    @if($formData->end_time)
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label for="end_time">End Time</label>
                                                <input type="text" class="form-control" id="end_time"
                                                       value="{{$formData->end_time}}" disabled>
                                            </div>
                                        </div>
                                    @endif
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label for="no_person">How many personnel do you need</label>
                                            <input type="text" class="form-control" id="no_person"
                                                   value="{{$formData->no_person}}" disabled>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label for="attire_id">How would you envision the appearance of our security
                                                personnel in terms of attire?</label>
                                            <input type="text" class="form-control" id="attire_id"
                                                   value="{{$formData->attire_name}}" disabled>
                                        </div>
                                    </div>
                                </div>
                                @if(!empty($dayList))
                                    <div class="row">
                                        <div class="col-md-12">
                                            <table class="table table-bordered">
                                                <thead>
                                                <tr>
                                                    <td>Day</td>
                                                    <td>Day Shift</td>
                                                    <td>Evening Shift</td>
                                                    <td>Overnight Shift</td>
                                                    <td>All day (24 hrs)</td>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                @foreach($dayList as $key => $day)
                                                    <tr>
                                                        <td>{{$day['day']}}</td>
                                                        <td>
                                                            <div class="icheck-primary">
                                                                <input type="checkbox" disabled id="checkbox_1_{{$key}}"
                                                                    {{($day['day_shift'] == 1) ? 'checked' : ''}}>
                                                                <label for="checkbox_1_{{$key}}"></label>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="icheck-primary">
                                                                <input type="checkbox" disabled id="checkbox_2_{{$key}}"
                                                                    {{($day['evening_shift'] == 1) ? 'checked' : ''}}>
                                                                <label for="checkbox_2_{{$key}}"></label>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="icheck-primary">
                                                                <input type="checkbox" disabled id="checkbox_3_{{$key}}"
                                                                    {{($day['overnight_shift'] == 1) ? 'checked' : ''}}>
                                                                <label for="checkbox_3_{{$key}}"></label>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="icheck-primary">
                                                                <input type="checkbox" disabled id="checkbox_4_{{$key}}"
                                                                    {{($day['all_day'] == 1) ? 'checked' : ''}}>
                                                                <label for="checkbox_4_{{$key}}"></label>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection