@extends('layouts.master')
@section('title', 'PetroERP- An ERP for Petrol Pumps')
@section('content')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-6">
                    <h5>Documents View</h5>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item">
                            <a href="#">Setup</a>
                        </li>
                        <li class="breadcrumb-item active">Pump Documents</li>
                    </ol>
                </div>
            </div>
        </div>
    </section>
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">View Documents Details</h3>
                    </div>
                    <div class="card-body">
                        <a href="/documents" class="btn btn-primary bg-primary">Back to Documents List</a>
                        <div class="table-entry table-responsive tableFixHead">
                            <table class="table table-striped">
                                <tbody>
                                    <tr>
                                        <td class="text-bold">Name</td><td>: {{$docList->name}}</td>
                                    </tr>
                                    <tr>
                                        <td class="text-bold">Image</td>
                                        <td>
                                            @php
                                                $ext = pathinfo($docList->image, PATHINFO_EXTENSION);
                                                $icons = $exten[$ext];
                                                $color = $extenColor[$ext];
                                            @endphp
                                            <i class="fa fa-file-{{$icons}}-o fa-2x text-center text-{{$color}}"></i><b>{{$docList->image}}</b>
                                            {{-- <img alt="{{$docList->name}}" src="/uploadDocuments/pumps/{{$docList->image}}" height="30px" width="45px" class="img-responsive"> --}}
                                        </td>
                                    </tr>
                                    <tr>
                                        @php
                                            $ext = pathinfo($docList->image, PATHINFO_EXTENSION);
                                        @endphp
                                        <td class="text-bold">File Type</td><td>: {{$ext}}</td>
                                    </tr>
                                    <tr>
                                        <td class="text-bold">Description</td><td>: {{$docList->description}}</td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <a href="/documents/{{Crypt::encrypt($docList->id)}}/edit"> <button class="btn btn-primary">
                                                <span class="fa fa-pencil"></span>
                                                <span class="separator"></span>
                                                &nbsp;Edit&nbsp;&nbsp;&nbsp;</button>
                                            </a>
                                        </td>
                                        <td>
                                            <a href="/documents/{{Crypt::encrypt($docList->id)}}/delete" onclick="return confirm('Do you want to delete this document')"> <button class="btn btn-danger">
                                                <span class="fa fa-trash-o"></span>
                                                <span class="separator"></span>
                                                &nbsp;Remove&nbsp;&nbsp;&nbsp;</button>
                                            </a>
                                        </td>
                                   </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection