@extends('layouts.Admin.layout')
@section('title', 'Show Project')

@section('content')
<div class="row">
    <div class="col-md-8 col-12">
        <h6 class="my-2">Project Details</h6>
        <div class="card pull-up">
            <div class="card-content">
                <div class="card-body">
                    <div class="col-12">
                        <div class="row">
                            <div class="col-md-8 col-12">
                           
                                <h5 class="my-2">{{$project->name}}</h5>
                                <p class="mb-0">{{$project->description}}</p>
                            </div>
                            <div class="col-md-4 col-12 text-center text-md-right">
                               <img src="{{$project->qr_url}}" alt="" srcset="">
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-12 my-2">
                            <h6 style="text-transform: none" class="py-1">Name : {{$project->user ? $project->user->name : ""}}</h6>
                            <h6 style="text-transform: none" class="py-1">Username : {{$project->user ? $project->user->login_user : ""}}</h6>
                            <h6 style="text-transform: none" class="py-1">Email : {{$project->user ? $project->user->email : ""}}</h6>
                    </div>

                    <div class="col-md-12">
                        <a href="{{route('admin.projects.index')}}" class="btn btn-outline-danger">Back</a>
                    </div>
                    
                </div>
            </div>
        </div>
       
        
    </div>
    <div class="col-md-4 col-12">
        <h6 class="my-2">Project Drawings</h6>
        <div class="card">
            @if(count($project->attachments))
            <div class="card-content collapse show">
                <div class="card-body">
                    @foreach ($project->attachments as $attachment)
                    <div class="col-md-12">
                        <div class="mb-3" style="display: flex;justify-content:center;">
                            <img src="{{asset('assets/app-assets/images/pdf.png')}}" alt="" srcset="" style="width:40px;height:40px;">
                          <input type="text" class="form-control ml-2" value="{{$attachment->name}}" readonly>
                          <a class="btn btn-success ml-2 " href="{{$attachment->attachment_url}}" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-fill" viewBox="0 0 16 16">
                            <path d="M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z"/>
                            <path d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z"/>
                          </svg></a>
                        </div>
                    </div>
                    @endforeach
                    
                    
                </div>
            </div>
            @endif
        </div>
    </div>
</div>

@endsection