@extends('layouts.app')
@section('title')
    CALL FOR ASSISTANCE VIEW
@endsection
@section('button')
    <a type="button" class="btn btn-info" href="{{ route('call_for_assistance.index') }}">
        <i class="bi bi-arrow-left"></i> Back
    </a>
@endsection
@section('content')
    <div class="card">
        <div class="card-body">
            <div class="row">
                <div class="col-lg-3 col-sm-4 col-12">
                    <div class="mb-3">
                        <label for="machine_name" class="form-label">Machine Name :</label>
                        <input type="text" readonly value="{{ $call->mc_no }}" class="form-control" id="machine_name">
                    </div>
                </div>
                <div class="col-lg-3 col-sm-4 col-12">
                    <div class="mb-3">
                        <label for="attended_pic" class="form-label">Attended PIC</label>
                        <input type="text" readonly value="{{ $call->user->user_name ?? '' }}" id="attended_pic"
                            class="form-control">
                    </div>
                </div>
                <div class="col-lg-3 col-sm-4 col-12">
                    <div class="mb-3">
                        <label for="calling_datetime" class="form-label">Calling DateTime</label>
                        <input type="text" readonly
                            value="{{ Carbon\Carbon::parse($call->datetime)->format('d-m-Y H:i:s') }}" class="form-control"
                            id="calling_datetime">
                    </div>
                </div>
                <div class="col-lg-3 col-sm-4 col-12">
                    <div class="mb-3">
                        <label for="attended_datetime" class="form-label">Attended DateTime</label>
                        <input type="text" readonly
                            value="{{ $call->attended_datetime ? Carbon\Carbon::parse($call->attended_datetime)->format('d-m-Y H:i:s') : '' }}"
                            class="form-control" id="attended_datetime">
                    </div>
                </div>
                <div class="col-lg-3 col-sm-4 col-12">
                    <div class="mb-3">
                        <label for="submitted_date" class="form-label">Submitted DateTime</label>
                        <input type="text" readonly
                            value="{{ $call->submitted_datetime ? $call->submitted_datetime : '' }}"
                            class="form-control" id="submitted_date">
                    </div>
                </div>
                <div class="col-lg-3 col-sm-4 col-12">
                    <div class="mb-3">
                        <label for="remarks" class="form-label">Remarks</label>
                        <textarea readonly name="remarks" class="form-control">{!! $call->remarks !!}</textarea>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-4 col-12">
                    <div class="mb-3">
                        <label for="attended_pic" class="form-label">Issue Type</label>
                        <br>
                        <select name="issue_type" class="form-select" disabled>
                            <option value="" selected disabled>Select an Issue Type</option>
                            @foreach ($ca_problems as $ca_problem)
                                <option value="{{ $ca_problem->id }}" @selected($call->issue_type == $ca_problem->id)>{{ $ca_problem->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-4 col-12">
                    <div class="mb-3">
                        <label for="status" class="form-label">Status</label>
                        <br>
                        <select name="status" class="form-select" disabled>
                            <option value="In-progress" @selected($call->status == 'In-progress')>In-progress</option>
                            <option value="Completed" @selected($call->status == 'Completed')>Completed</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="mb-3">
                    <img @if ($call->image == null) src="{{ asset('assets/images/pna.png') }}" @else src="{{ asset('/calls/') }}/{{ $call->image }}" @endif
                        id="blah" style="width: 100px; height: 100px;" class="Front_img" />
                </div>
            </div>
        </div>
    </div>
@endsection