@extends('layouts.admin.admin')
@section('title', 'Wrenches Location History')
@section('content')
<main>
        <div class="container-fluid p-0">
            <div class="row g-0">
               @include('partials.header')
               @include('partials.sidebar')
                <section class="content-section col primary-bg-light p-xl-4 p-3">
                    <div class="bg-white rounded-3 shadow-sm p-3">
                        <div class="row">
                            <div class="col-12">
                                <div class="small fw-medium d-flex flex-wrap">Inventory Management<span><i
                                            class="bi bi-chevron-right"></i></span>Wrench Lookup<span><i
                                            class="bi bi-chevron-right"></i></span>Wrench Details<span><i
                                            class="bi bi-chevron-right"></i></span>Wrench Location History</div>
                                <hr class="mb-4">
                                <h5>Wrench Location History</h5>
                                <form action="">
                                    <div class="row g-2 mb-2">
                                        <div class="col-md-3 col-6">
                                            <div class="fw-medium">Wrench Id:</div>
                                        </div>
                                        <div class="col-md-3 col-6">{{$wrench->id}}</div>
                                    </div>
                                    <div class="row g-2 mb-2">
                                        <div class="col-md-3 col-6">
                                            <div class="fw-medium">Serial Number:</div>
                                        </div>
                                        <div class="col-md-3 col-6">{{$wrench->serial_number}}</div>
                                    </div>

                                    <div class="py-3">
                                        <div class="row">
                                            <div class="col-md-12 col-lg-12">
                                                <div id="tracking">
                                                    <div class="tracking-list">
                                                        @php
                                                       echo  $historycount = count($wrench->locationhistory);
                                                       $i=1;
                                                        @endphp
                                                        @foreach($wrench->locationhistory as $history)
                                                        @php 
                                                        if($i ==$historycount){
                                                            $active = 'status-current blinker';
                                                        } else {
                                                            $active = 'status-intransit';
                                                        }
                                                        @endphp
                                                        <div class="tracking-item">
                                                            <div class="tracking-icon {{$active}}">
                                                                <svg class="svg-inline--fa fa-circle fa-w-16"
                                                                    aria-hidden="true" data-prefix="fas"
                                                                    data-icon="circle" role="img"
                                                                    xmlns="http://www.w3.org/2000/svg"
                                                                    viewBox="0 0 512 512" data-fa-i2svg="">
                                                                    <path fill="currentColor"
                                                                        d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z">
                                                                    </path>
                                                                </svg>
                                                            </div>
                                                            <div class="tracking-date">{{ \Carbon\Carbon::parse($history->receipt_date)->format('d/m/Y') }}</div>
                                                            @if($history->location_type == 'store')
                                                                <div class="tracking-content">Store Id: {{$history->store->store_number}}, {{$history->store->city}}, {{$history->store->state}}</div>
                                                            @else
                                                            <div class="tracking-content">Warehouse</div>
                                                            @endif
                                                        </div>
                                                        @php $i++; @endphp
                                                        @endforeach

                                                        {{-- <div class="tracking-item">
                                                            <div class="tracking-icon status-intransit">
                                                                <svg class="svg-inline--fa fa-circle fa-w-16"
                                                                    aria-hidden="true" data-prefix="fas"
                                                                    data-icon="circle" role="img"
                                                                    xmlns="http://www.w3.org/2000/svg"
                                                                    viewBox="0 0 512 512" data-fa-i2svg="">
                                                                    <path fill="currentColor"
                                                                        d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z">
                                                                    </path>
                                                                </svg>
                                                            </div>
                                                            <div class="tracking-date">01/12/2023</div>
                                                            <div class="tracking-content">Store Id: 1122, Hermitage, Tennessee</div>
                                                        </div> --}}
                                                        {{-- <div class="tracking-item">
                                                            <div class="tracking-icon status-intransit">
                                                                <svg class="svg-inline--fa fa-circle fa-w-16"
                                                                    aria-hidden="true" data-prefix="fas"
                                                                    data-icon="circle" role="img"
                                                                    xmlns="http://www.w3.org/2000/svg"
                                                                    viewBox="0 0 512 512" data-fa-i2svg="">
                                                                    <path fill="currentColor"
                                                                        d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z">
                                                                    </path>
                                                                </svg>
                                                            </div>
                                                            <div class="tracking-date">10/12/2023</div>
                                                            <div class="tracking-content">Warehouse</div>
                                                        </div> --}}
                                                        {{-- <div class="tracking-item">
                                                            <div class="tracking-icon status-current blinker">
                                                                <svg class="svg-inline--fa fa-circle fa-w-16"
                                                                    aria-hidden="true" data-prefix="fas"
                                                                    data-icon="circle" role="img"
                                                                    xmlns="http://www.w3.org/2000/svg"
                                                                    viewBox="0 0 512 512" data-fa-i2svg="">
                                                                    <path fill="currentColor"
                                                                        d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z">
                                                                    </path>
                                                                </svg>
                                                            </div>
                                                            <div class="tracking-date">11/03/2023</div>
                                                            <div class="tracking-content">Store Id: 0567, Austin, Texas</div>
                                                        </div> --}}
                                                        
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                                <div class="d-flex flex-wrap gap-2 mt-3">
                                    <a href="{{route('wrenches.edit', $wrench->id)}}" class="btn btn-type3 px-5 border-0 shadow-sm">Back to Details</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </main>
@stop