@extends('buzons.layout')

@section('buzon.m_header')

@endsection

@section('buzon.breadcrumbs')
    <!-- Content Header (buzon breadcrumbs) -->
    <section class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1>Buzon</h1>
          </div>
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="{/buzon"> Buzon</a></li>
              <li class="breadcrumb-item active">@lang('Buzon') #{{$buzon->id}}</li>
            </ol>
          </div>
        </div>
      </div><!-- /.container-fluid -->
    </section>
@endsection

@section('buzon.content')
    <div class="row">
        <div class="col-12">
            <div class=" card-primary card-outline">
                <div class="card-header">
                    <h3 class="card-title">@lang('Buzon') #{{$buzon->id}}</h3>

                    <div class="card-tools">
                    <a href="/buzon" class="btn btn-tool"><i class="fa fa-caret-left"></i> @lang('Back')</a>
                    </div>
                </div>
                <div class="card-body">
                    <table class="table table-striped">
    <tbody>
    <tr>
        <th scope="row">ID:</th>
        <td>{{$buzon->id}}</td>
    </tr>
            <tr>
            <th scope="row">Asunto:</th>
            <td>{{ $buzon->Asunto ?: "(blank)" }}</td>
        </tr>
            <tr>
            <th scope="row">Personal:</th>
            <td>{{ $buzon->personal_id ?: "(blank)" }}</td>
        </tr>
            <tr>
            <th scope="row">Observaciones:</th>
            <td>{{ Str::limit($buzon->observaciones, 50) ?: "(blank)"}}</td>
        </tr>
        </tbody>
</table>
<div class="mb-3">
      <div class="row" id="files-preview">
      <p>Archivos </p>
      @foreach($archivos as $archivo)

        @php
          $patt = "/(jpg|png|jpeg)/";
          $fileName = str_replace("fileuploads/", "",$archivo->archivo);
          if(preg_match($patt, $archivo->archivo)){
                echo '<div class="col-sm-2"><img src="/'.$archivo->archivo.'" class="img-fluid mb-2" alt="red sample">'.$fileName.'</div>';
          }else {
            echo '<div class="col-sm-2"><a href="/'.$archivo->archivo.'" target="_blank" rel="noopener noreferrer"><img src="/images/pdf.png" class="img-fluid mb-2" alt="red sample">'.$fileName.'</a></div>';
          }
        @endphp
      @endforeach
      </div>
    </div>
                </div>

                <div class="card-footer d-flex flex-column flex-md-row align-items-center justify-content-end">
                    <a href="{{ route('buzon.edit', compact('buzon')) }}" class="btn btn-primary text-nowrap me-1"><i class="fa fa-edit"></i> @lang('Edit')</a>
                    <form action="{{ route('buzon.destroy', compact('buzon')) }}" method="POST" class="m-0 p-0">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-danger text-nowrap"><i class="fa fa-trash"></i> @lang('Delete')</button>
                    </form>
                </div>
            </div>
        </div>    
    </div>
@endsection

@section('buzon.scripts')

@endsection