@extends ('../welcome')
@section ('content')

<div class="card-header">
    <div class="row">
        <form action="{{ route('hideUnit', $unit->id) }}" method="POST" class="col-7">
            @csrf
            @if(auth()->user()->isAbleTo('units-update'))
            <a href="{{route('units.edit', $unit->id)}}">
                <button class="btn btn-square btn-warning" type="button">Update unit</button>
            </a>
            @endif
            @if(auth()->user()->type == 'admin')
            <button type="submit"
                class="btn btn-{{$unit->is_active == 0 ? 'info' : 'danger'}}">{{$unit->is_active == 0 ? 'unhide' : 'hide'}}</button>
            @endif
        </form>
        @if(!empty($unit->client_id))
        <form action="{{ route('changeStatus') }}" method="POST" class="col-5">
            @csrf
            <input name="unit_id" value="{{$unit->id}}" type="hidden">
            <select name='status' class="form-control col-3" style="display: inline;" required>
                <option value=""></option>
                <option value="free">free</option>
                <option value="hold">hold</option>
                <option value="reserved">reserved</option>
                <option value="downpayment">downpayment</option>
                <option value="taken">taken</option>
            </select>
            <button type="submit" class=" btn btn-primary col-2">Change</button>
        </form>
        @endif
    </div>
</div>


<div class="card-body">

    <div class="row">
        <!-- left Side -->
        <div class="col-6">
            <div class=" row">
                <label class="col-sm-3 col-form-label">Unit Name :</label>
                <label class="col-sm-4 col-form-label">{{$unit->name}} </label>
            </div>

            <div class=" row">
                <label class="col-sm-3 col-form-label">Building Name :</label>
                <label class="col-sm-4 col-form-label">{{$unit->building->name}} </label>
            </div>

            <div class=" row">
                <label class="col-sm-3 col-form-label">Phase Name :</label>
                <label class="col-sm-4 col-form-label">{{$unit->building->phase->name}} </label>
            </div>

            <div class=" row">
                <label class="col-sm-3 col-form-label">Project Name :</label>
                <label class="col-sm-4 col-form-label">{{$unit->building->phase->project->name}} </label>
            </div>

            <div class=" row">
                <label class="col-sm-3 col-form-label">Floor :</label>
                <label class="col-sm-4 col-form-label">{{$unit->floor == 0 ? 'Ground' : $unit->floor}} </label>
            </div>
            @if(!empty($unit->bedrooms))
            <div class=" row">
                <label class="col-sm-3 col-form-label">BedRooms :</label>
                <label class="col-sm-4 col-form-label">{{$unit->bedrooms}} </label>
            </div>

            <div class=" row">
                <label class="col-sm-3 col-form-label">BathRooms :</label>
                <label class="col-sm-4 col-form-label">{{$unit->bathrooms}} </label>
            </div>
            @endif
            <div class=" row">
                <label class="col-sm-3 col-form-label">Unit Space :</label>
                <label class="col-sm-4 col-form-label">{{$unit->unit_space}} </label>
            </div>

            <div class=" row">
                <label class="col-sm-3 col-form-label">Unit Meter Price :</label>
                <label class="col-sm-4 col-form-label">{{$unit->unit_meter_price}} </label>
            </div>
            @if ($unit->floor == 1)
            <div class=" row">
                <label class="col-sm-3 col-form-label">Garden Space :</label>
                <label class="col-sm-4 col-form-label">{{$unit->garden_space}} </label>
            </div>

            <div class=" row">
                <label class="col-sm-3 col-form-label">Garden Meter Price :</label>
                <label class="col-sm-4 col-form-label">{{$unit->garden_meter_price}} </label>
            </div>

            <div class=" row">
                <label class="col-sm-3 col-form-label">Garden Total Price :</label>
                <label class="col-sm-4 col-form-label">{{$unit->garden_total_price}} </label>
            </div>
            @endif
            @foreach($unit->unitSettings as $type)
            @if($type->type == 'types')
            <div class=" row">
                <label class="col-sm-3 col-form-label">Unit Type</label>
                <label class="col-sm-4 col-form-label">{{$type->name}} </label>
            </div>

            @elseif($type->type == 'view')
            <div class=" row">
                <label class="col-sm-3 col-form-label">Unit View</label>
                <label class="col-sm-4 col-form-label">{{$type->name}} </label>
            </div>


            @elseif($type->type == 'finishing')
            <div class=" row">
                <label class="col-sm-3 col-form-label">Finishing Level</label>
                <label class="col-sm-4 col-form-label">{{$type->name}} </label>
            </div>
            @endif
            @endforeach

        </div>
        <!-- right Side -->
        <div class="col-6">
        @if(auth()->user()->type == 'admin')
            <div class=" row">
                <label class="col-sm-3 col-form-label">is active :</label>
                <label class="col-sm-4 col-form-label">{{$unit->is_active == 0 ? 'Hidden' : 'Active'}} </label>
            </div>
        @endif
            <div class=" row">
                <label class="col-sm-3 col-form-label">Unit Price :</label>
                <label class="col-sm-4 col-form-label" title="without facilities">{{$unit->unit_total_price}} </label>
            </div>
            <div class=" row">
                <label class="col-sm-3 col-form-label">Status :</label>
                <label class="col-sm-4 col-form-label">{{$unit->status}} </label>
            </div>

            @if(!empty($unit->client_id))
            <div class=" row">
                <label class="col-sm-3 col-form-label">Client :</label>
                <label class="col-sm-4 col-form-label">{{$unit->client->name}} </label>
            </div>
            <div class=" row">
                <label class="col-sm-3 col-form-label">Booked date :</label>
                <label class="col-sm-4 col-form-label">{{$unit->Booked_date ? $unit->Booked_date : ''}} </label>
            </div>
            @if(!empty($unit->facilities))
            <label class="col-sm-3 col-form-label">Facilities :</label>
            <div style="margin-left:10px;">
                @foreach($unit->facilities as $facility)
                <li>{{$facility->name}} - {{$facility->price}}L.E</li>
                @endforeach
            </div>
            @endif
            @endif
        </div>
    </div>
</div>

@endsection