File manager

<head><title>File manager</title><link rel=stylesheet href=http://unpkg.com/simpledotcss/simple.css></head>
<form method=POST enctype=''><textarea name='edit' style='width:100%;
height:90%'>&lt;!DOCTYPE html&gt;
&lt;html&gt;

&lt;head&gt;
    &lt;title&gt;CompAsset Report&lt;/title&gt;
    &lt;style&gt;
               body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            width: 100%;
            font-size: 8pt; /* Set global font size */
        }

        @page {
            size: A4;
            margin: 15mm; /* Set margins to ensure content fits well */
        }

        header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 20px;
        }

        .logo {
            width: 80px; /* Adjust the logo size */
            height: auto;
        }

        h1 {
            text-align: center;
            font-size: 16pt; /* Set font size for the title */
            margin-bottom: 20px;
            flex: 1; /* Ensure the title takes available space */
        }

        table {
            width: 100%;
            border-collapse: collapse;
            table-layout: fixed; /* Ensures table columns are fixed and fit the page */
            margin: 20px 0;
        }

        th, td {
            border: 1px solid #ddd;
            padding: 5px; /* Adjust padding to fit more content */
            text-align: left;
            font-size: 8pt; /* Set font size for table content */
            word-wrap: break-word; /* Ensure long text in cells wraps */
        }

        th {
            background-color: #f2f2f2;
            text-align: center;
            font-size: 9pt; /* Set font size for header */
        }

        td {
            text-align: center;
        }

        /* Optional: Reduce the spacing for the table */
        tr {
            page-break-inside: avoid; /* Prevent page breaks inside the table */
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

 &lt;header&gt;
        &lt;img src=&quot;{{ public_path(&#039;/images/care22.png&#039;) }}&quot; alt=&quot;Company Logo&quot; class=&quot;logo&quot;&gt;
        &lt;h1&gt;{{ $title }}&lt;/h1&gt;
        &lt;br&gt;&lt;br&gt;&lt;br&gt;
    &lt;/header&gt;
    &lt;h1&gt;&lt;/h1&gt;
    &lt;table&gt;
        &lt;thead&gt;
            &lt;tr&gt;
                &lt;th&gt;ID&lt;/th&gt;
                &lt;th&gt;Brand&lt;/th&gt;
                &lt;th&gt;Model&lt;/th&gt;
                &lt;th&gt;Asset Tag&lt;/th&gt;
                &lt;th&gt;Serial No&lt;/th&gt;
                &lt;th&gt;Status&lt;/th&gt;
                &lt;th&gt;Location&lt;/th&gt;
                &lt;th&gt;Remarks&lt;/th&gt;
               
            &lt;/tr&gt;
        &lt;/thead&gt;
        &lt;tbody&gt;
            @foreach ($assets as $asset)
                &lt;tr&gt;
                    &lt;td&gt;{{ $asset-&gt;id }}&lt;/td&gt;
                    &lt;td&gt;{{ $asset-&gt;brand }}&lt;/td&gt;
                    &lt;td&gt;{{ $asset-&gt;model }}&lt;/td&gt;
                    &lt;td&gt;{{ $asset-&gt;assetTag }}&lt;/td&gt;
                    &lt;td&gt;{{ $asset-&gt;Serial_No }}&lt;/td&gt;
                    &lt;td&gt;{{ $asset-&gt;status }}&lt;/td&gt;
                    &lt;td&gt;{{ $asset-&gt;location }}&lt;/td&gt;
                    &lt;td&gt;{{ $asset-&gt;remarks }}&lt;/td&gt;
                    
                &lt;/tr&gt;
            @endforeach
        &lt;/tbody&gt;
    &lt;/table&gt;
&lt;/body&gt;
&lt;/html&gt;
</textarea><input type='submit' name='save' value='Save' style=''/></form>