@extends('layouts/contentNavbarLayout')
@section('title', 'Specialities')
@section('content')
<nav aria-label="breadcrumb" class="mb-3">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
        <li class="breadcrumb-item"><a href="{{ route('specialities.index') }}">Specialities</a></li>
        <li class="breadcrumb-item active">Edit</li>
    </ol>
</nav>
<div class="card">
  <div class="card-header">
      <h5 class="card-title">Edit peciality</h5>
  </div>
  <div class="card-body">
      <form action="{{ route('specialities.update', $speciality->id) }}" method="POST" enctype="multipart/form-data">
          @csrf
          @method('PUT')
            <div class="row mb-3">
                <div class="col-md-6">
                    <label for="name_ar" class="form-label">Name Ar</label>
                    <input type="text" class="form-control" id="name_ar" name="name_ar" value="{{ $speciality->name_ar }}" required>
                </div>
                <div class="col-md-6">
                    <label for="name_en" class="form-label">Name En</label>
                    <input type="text" class="form-control" id="name_en" name="name_en" value="{{ $speciality->name_en }}" >
                </div>
            </div>
            <div class="row mb-3">
                <div class="col-md-6">
                    <label for="active_icon" class="form-label">Active icon</label>
                    <input type="file" class="form-control" id="active_icon" name="active_icon">
                    @if($speciality->active_icon)
                        <div class="mt-2">
                            <img src="{{ asset('storage/'.$speciality->active_icon) }}" alt="active_icon" style="max-height: 100px;">
                        </div>
                    @endif
                </div>
                <div class="col-md-6">
                    <label for="deactivate_icon" class="form-label">Deactivate icon</label>
                    <input type="file" class="form-control" id="deactivate_icon" name="deactivate_icon">
                    @if($speciality->deactivate_icon)
                        <div class="mt-2">
                            <img src="{{ asset('storage/'.$speciality->deactivate_icon) }}" alt="deactivate_icon" style="max-height: 100px;">
                        </div>
                    @endif
                </div>
            </div>
            <div class="row mb-3">
                <div class="col-md-6">
                <label for="description_ar" class="form-label">Description Ar</label>
                    <textarea class="form-control" id="description_ar" name="description_ar" rows="3">{{ $speciality->description_ar }}</textarea>
                </div>
                <div class="col-md-6">
                    <label for="description_en" class="form-label">Description En</label>
                    <textarea class="form-control" id="description_en" name="description_en" rows="3">{{ $speciality->description_en }}</textarea>
                </div>
            </div>
            <div class="row mb-3">
                <div class="col-md-4">
                    <label for="total_time_call" class="form-label">Time video/audio call</label>
                    <input type="text" class="form-control" id="total_time_call" name="total_time_call" value="{{ $speciality->total_time_call }}" required>
                </div>
                <div class="col-md-4">
                    <label for="warning_time_call" class="form-label">Warning time call</label>
                    <input type="text" class="form-control" id="warning_time_call" name="warning_time_call" value="{{ $speciality->warning_time_call }}" required>
                </div>
                <div class="col-md-4">
                    <label for="alert_time_call" class="form-label">Alert time call</label>
                    <input type="text" class="form-control" id="alert_time_call" name="alert_time_call" value="{{ $speciality->alert_time_call }}" required>
                </div>
            </div>
            <div class="row mb-3">
                <div class="col-md-6">
                    <label for="notification" class="form-label">Enabled</label><br/>
                    <select id="enabled" class="form-select" name="enabled">
                        <option value="0" {{$speciality->enabled == 0 ? 'selected' : ''}}>NO</option>
                        <option value="1" {{$speciality->enabled == 1 ? 'selected' : ''}}>YES</option>
                    </select>
                </div>
            </div>
            <div class="d-flex justify-content-end"></div>
                <button type="submit" class="btn btn-primary">Save</button>
                <a href="{{ route('specialities.index') }}" class="btn btn-secondary">Cancel</a>
            </div>
      </form>
  </div>
</div>
@endsection