@extends('layouts.main')

@section('stylesheets')
    <link rel="stylesheet" href="{{asset('css/edit.css')}}"/>
@endsection

@section('content')
    <div class="main-wrapper">
        <div class="row justify-content-between Header mb-5">
            <div class="col-md-8 d-flex flex-column justify-content-center justify-content-md-start Header-breadcrumbs">
                <h2 class="page-title">Edit Contact Request For: {{$contactRequest->email}}</h2>
            </div>
        </div>
        @if ($errors->any())
            <div class="alert alert-danger">
                <strong>Whoops!</strong> There were some problems with your input.<br><br>
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        <form action="{{ route('contact.request.update',['contactRequest' => $contactRequest]) }}" method="POST">
            @csrf
            <div class="form-inner-container">
                <div class="form-group">
                    <label>Unit:</label>
                    <select name="unit" id="unit" class="form-select">
                        @foreach($units as $unit)
                            <option value="{{$unit->id}}"
                                    @if($unit->id == $contactRequest->unit_id) selected @endif >{{$unit->name}}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label>Building:</label>
                    <select name="building" id="building" class="form-select">
                        @foreach($buildings as $building)
                            <option value="{{$building->id}}"
                                    @if($building->id == $contactRequest->building_id) selected @endif >{{$building->name_el}}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label>Phone Internal:</label>
                    <input type="text" name="phone" value="{{$contactRequest->phone}}" class="form-control name"
                           placeholder="Phone Internal">
                </div>
                <div class="form-group">
                    <label>Phone External:</label>
                    <input type="text" name="phone_ext" value="{{$contactRequest->phone_ext}}" class="form-control name"
                           placeholder="Phone External">
                </div>
                <div class="form-group">
                    <label>Skype:</label>
                    <input type="text" name="skype" value="{{$contactRequest->skype}}" class="form-control name"
                           placeholder="Skype">
                </div>
                <div class="form-group">
                    <label>WebPage:</label>
                    <input type="text" name="webpage" value="{{$contactRequest->webpage}}" class="form-control name"
                           placeholder="Webpage">
                </div>
                <div class="btn-container d-flex align-items-center justify-content-evenly">
                    <button type="submit" class="btn">Accept</button>
                    <a class="Header-buttons--button dlt-btn" href="{{route('contact.request.delete', ['contactRequest' => $contactRequest] )}}">Delete</a>
                </div>
            </div>
        </form>
    </div>
@endsection