@extends('layouts.app')

@section('title')
    Institution Setup
@endsection

@section('content')
    <div class="page-content-wrapper">
        <div class="page-content">
            <div class="page-bar">
                <div class="page-title-breadcrumb">
                    <div class=" pull-left">
                        <div class="page-title">Institution Setup</div>
                    </div>
                </div>
            </div>
            @if (count($errors) > 0)
                <div class="alert alert-danger alert-dismissible show" role="alert">
                    <ul>
                        @foreach ($errors as $error)
                            <li>{{ ucwords($error) }} field is required</li>
                        @endforeach
                    </ul>
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
                        <span aria-hidden="false"></span>
                    </button>
                </div>
            @endif
            <div class="row">
                <div class="row">
                    <div class="col-md-9 col-sm-12">
                        <div class="card card-box">
                            <div class="card-head">
                                <header>Institution Details</header>
                            </div>
                            <form method="post" action="{{ url('add-institution') }}" enctype="multipart/form-data"
                                id="form_sample_1" class="form-horizontal">
                                <div class="card-body " id="bar-parent2">
                                    <div class="row">
                                        <div class="col-md-6 col-sm-6">
                                            <div class="form-group">
                                                <label for="simpleFormEmail">Institution Name</label>
                                                <input type="text" value="{{ $institution->institution_name ?? "" }}"
                                                    name="institution_name" data-required="1" class="form-control" />
                                                <input type="hidden" name="id" value="{{ $institution->id ?? "" }}">
                                            </div>
                                            <div class="form-group">
                                                <label>Institution Addresses</label>
                                                <input type="text" value="{{ $institution->institution_address ?? "" }}"
                                                    name="institution_address" data-required="1" class="form-control" />
                                            </div>
                                            <div class="form-group">
                                                <label>Institution Logo</label>
                                                <input type="file" value="{{ $institution->institution_logo_path ?? "" }}"
                                                    name="institution_logo_path" data-required="1" class="form-control" />
                                            </div>
                                            <div class="form-group">
                                                <label>Receipt Header</label>
                                                <input type="file" value="{{ $institution->receipt_path ?? "" }}"
                                                    name="receipt_path" data-required="1" class="form-control" />
                                            </div>
                                            <div class="form-group">
                                                <label for="simpleFormEmail">Home Page Tagline</label>
                                                <input type="text" value="{{ $institution->tagline ?? "" }}"
                                                    name="tagline" data-required="1" class="form-control" />
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-sm-6">
                                            <div class="form-group">
                                                <label>Student Statement Header</label>
                                                <input type="file" value="{{ $institution->studen_statement_path ?? "" }}"
                                                    name="studen_statement_path" data-required="1" class="form-control" />
                                            </div>
                                            <div class="form-group">
                                                <label>Invoice Header</label>
                                                <input type="file" value="{{ $institution->invoice_path ?? "" }}"
                                                    name="invoice_path" data-required="1" class="form-control" />
                                            </div>
                                            <div class="form-group">
                                                <label>Acceptance Letter Header</label>
                                                <input type="file" value="{{ $institution->acceptance_letter_path ?? "" }}"
                                                    name="acceptance_letter_path" data-required="1" class="form-control" />
                                            </div>
                                            <div class="form-group">
                                                <label>Transcript Signature</label>
                                                <input type="file" value="{{ $institution->transcript_path ?? "" }}"
                                                    name="transcript_path" data-required="1" class="form-control" />
                                            </div>
                                            <div class="form-group">
                                                <label for="simpleFormEmail">Home Page Subheading</label>
                                                <input type="text" value="{{ $institution->subheading ?? "" }}"
                                                    name="subheading" data-required="1" class="form-control" />
                                            </div>
                                        </div>
                                        {{-- </form> --}}
                                    </div>
                                    <button type="submit" class="btn btn-primary">Submit</button>
                                </div>
                            </form>
                        </div>
                    </div>
                    {{-- Uploaded files display --}}
                    <div class="col-md-3 col-sm-6">
                        <ul class="activity-list">
                            <div class="col d-flex">
                                <li class="mb-0 pb-0">
                                    <div class="post-box">
                                        <div class="post-img">
                                            <img src="{{ \App\Helpers\GeneralHelper::getInstitutionLogo()  }}"
                                                width="110" height="110" alt="institution logo" />
                                        </div>
                                        <div>
                                            <p>
                                                Institution Logo
                                            </p>
                                        </div>
                                    </div>
                                </li>
                                <li class="mb-0 pb-0">
                                    <div class="post-box">
                                        <div class="post-img">
                                            <img src="{{ \App\Helpers\GeneralHelper::getReceiptHeader()  }}" width="110"
                                                height="110" alt="institution logo" />
                                        </div>
                                        <div>
                                            <p>
                                                Receipt Header
                                            </p>
                                        </div>
                                    </div>
                                </li>
                            </div>
                            <div class="col d-flex">
                                <li class="mb-0 pb-0">
                                    <div class="post-box">
                                        <div class="post-img">
                                            <img src="{{ \App\Helpers\GeneralHelper::getStudentStatementHeader()  }}"
                                                width="110" height="110" alt="institution logo" />
                                        </div>
                                        <div>
                                            <p>
                                                Statement Header
                                            </p>
                                        </div>
                                    </div>
                                </li>
                                <li class="mb-0 pb-0">
                                    <div class="post-box">
                                        <div class="post-img">
                                            <img src="{{ \App\Helpers\GeneralHelper::getInvoiceHeader()  }}"
                                                width="110" height="110" alt="institution logo" />
                                        </div>
                                        <div>
                                            <p>
                                                Invoice Header
                                            </p>
                                        </div>
                                    </div>
                                </li>
                            </div>
                            <div class="col d-flex">
                                <li class="mb-0 pb-0">
                                    <div class="post-box">
                                        <div class="post-img">
                                            <img src="{{ \App\Helpers\GeneralHelper::getAcceptanceLetterHeader()  }}"
                                                width="110" height="110" alt="institution logo" />
                                        </div>
                                        <div>
                                            <p>
                                                Letter Header
                                            </p>
                                        </div>
                                    </div>
                                </li>
                                <li class="mb-0 pb-0">
                                    <div class="post-box">
                                        <div class="post-img">
                                            <img src="{{ \App\Helpers\GeneralHelper::getSignature()  }}" width="110"
                                                height="110" alt="institution logo" />
                                        </div>
                                        <div>
                                            <p>
                                                Signature
                                            </p>
                                        </div>
                                    </div>
                                </li>
                            </div>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection