@extends('admin.layouts.master')

@section('page_title', __('admin.Uncollected Parcels'))

@section('page_heading', __('admin.Uncollected Parcels'))

@section('page_text', __('admin.Uncollected Parcels'))

@section('page_breadcrumb_icon') <i class="ki-duotone ki-home fs-3 text-gray-500 me-n1"></i> @endsection

@section('page_breadcrumb_item', 'Uncollected Parcels')

@section('page_breadcrumb_item2', 'Uncollected Parcels')

@section('css')
@endsection
@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card card-flush">
                <div class="card-body">
                    <div class="row">
                        <div id="content">
                            {{--  <p>Parcel Ref: {!! $parcel->parcel_no !!}</p>
                        <p>Number of Packages: {{$parcel->number_of_packages}}</p>
                        <p>Date Delivered: {{date('d-m-Y', strtotime($parcel->date))}} {{$parcel->time}}</p>
                        <p>For: {{$apart->name}} (floor{{$apart->floor_no}}) - {{$user->title}} {{$user->first_name}} {{$user->last_name}} </p>
                        <br>
                        <h4>Collecting Person</h4>
                        <form action="{{route('parcel.collect',$parcel->id)}}" method="post">
                            @method('put')
                            @csrf
                            <div class="d-flex flex-column mb-7 fv-row">
                                <label for="person_name" class="fs-6 fw-semibold mb-2">Please type the collecting person’s name (at least initial and surname)</label>
                                <input type="text" name="person_name" class="form-control">
                            </div>
                            <button type="submit" id="next-btn"
                                class="btn-shadow btn-wide float-right btn-hover-shine btn btn-primary">
                                @lang('admin.Submit')
                            </button>
                        </form>
                        <br>
                        <h3>Return to Sender</h3>  --}}
                            <div class="card">
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-6">
                                            <h2>Parcel Ref: {!! $parcel->parcel_no !!}</h2>
                                            <p>
                                                <img src="data:image/png;base64,{!! $qrCode !!} ">
                                            </p>
                                        </div>
                                        <div class="col-6">
                                            <h5>Parcel Details</h5>
                                            {{--  <p>Parcel Ref: {!! $parcel->parcel_no !!}</p>  --}}
                                            <p>Number of Packages: {{ $parcel->number_of_packages }}</p>
                                            <p>Days in Storage: {{ $total }}</p>
                                            <form action="{{ url('admin/parcel/return/' . $parcel->id) }}" method="GET">
                                                @csrf
                                                <div class="d-flex flex-column mb-7 fv-row m-2">
                                                    <textarea name="comment" id="comment" class="form-control">{{ $parcel->comment }}</textarea>
                                                </div>
                                                <div class="clearfix m-2">
                                                    <button class="btn btn-outline-secondary" type="submit"
                                                        style="width: 200px;">Return To Sender</button>
                                                    <a href="{{ route('parcel.uncollect') }}" id="prev-btn"
                                                        class="btn-shadow float-right btn-wide  mr-3 btn btn-outline-secondary">
                                                        @lang('admin.Go Back')
                                                    </a>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('js')

@endsection