@extends('tenant.layouts.master')

@section('breadcrumb')
    @include('tenant.layouts.breadcrumb', ['items' => [
        __('breadcrumb.rentals') => '/rentals',
        __('breadcrumb.booths_kiosks') => route('tenant.rentals.booths.index'),
        __('breadcrumb.view_booth') => '#'
    ]])
@endsection

@section('sidebar')
    @include('tenant.layouts.sidebar', ['activeItem' => 'rentals.booths'])
@endsection
@section('style')
    <style>
        .booth-label {
            background-color: #FFC93C;
            color: black;
            padding: .5rem 2rem;
            text-align: center;
            border-radius: 100px;
            min-width: 4rem;
        }
    </style>
@endsection
@section('content')

    <div class="bg-white p-3">
        <div class="d-flex justify-content-between my-1 ">
            <div class="d-flex align-items-center">
                <h3 class="booth-label">
                    @lang('rentals/booths/show.booth') ({{ $booth->id }} - {{ $booth->title }})
                </h3>
            </div>
        </div>

        <div class="contract-layout" id="printable-contract-section">
            <div class="contract-info-section">
                <div class="d-flex justify-content-center text-black p-2" style="background: #EBEBEC"> <h3> @lang('rentals/booths/show.booth_information')</h3></div>
                <div class=" row d-flex my-2 pt-3">
                    <div class="col-3 my-4">
                        <b class="title-label"> @lang('rentals/booths/show.booth_name')  :</b>
                        <span>{{ $booth->title }}</span>
                    </div>

                    <div class="col-3 my-4">
                        <b class="title-label">  @lang('rentals/booths/show.booth_area') : </b>
                        <span>{{ $booth->area }}</span>
                    </div>

                    <div class="col-3 my-4">
                        <b class="title-label">  @lang('rentals/booths/show.booth_price') : </b>
                        <span>{{ $booth->price  }}</span>
                    </div>

                    <div class="col-3 my-4">
                        <b class="title-label"> @lang('rentals/booths/show.leased'): </b>
                        <span>{{ $booth->is_rented == 1 ? 'نعم' : 'لا' }}</span>
                    </div>
                    <div class="col-3 my-4">
                        <b class="title-label">  @lang('rentals/booths/show.booth_status') : </b>
                        <span class="{{$booth->is_active == '1' ? 'badge bg-success' : 'badge bg-danger'}}">
                            {{ $booth->is_active == '1' ? 'فعال' : ' ليس فعال'}}
                        </span>
                    </div>
                    <div class="col-3 my-4">
                        <b class="title-label">  @lang('rentals/booths/show.tenant_company')  : </b>
                        <span>{{ $contractName != null ? $contractName->company_name : 'لا يوجد'}}</span>
                    </div>
                    <div class="col-3 my-4">
                        <b class="title-label"> @lang('rentals/booths/show.floor')  : </b>
                        <span>{{ $booth->floor->title   }}</span>
                    </div>
                    <div class="col-3 my-4">
                        <b class="title-label"> @lang('rentals/booths/show.building')  : </b>
                        <span>{{ $booth->floor->building->title   }}</span>
                    </div>

                </div>
            </div>
        </div>
    </div>
@endsection