@extends('admin.layouts.master')

@section('content')
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark">Create Subdepartment</h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{asset('/')}}">Home</a></li>
                        <li class="breadcrumb-item active">
                            <a href="{{asset(route('subdepartment'))}}">Sub Department</a>
                        </li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    @if(session()->has('success'))
        <div class="alert alert-success">
            {{ session()->get('success') }}
        </div>
    @endif
    @if(session()->has('error'))
        <div class="alert alert-success">
            {{ session()->get('error') }}
        </div>
    @endif
    @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div><br />
    @endif
    <section class="content">
        <div class="row">
            <div class="col-12">
                <div class="card card-primary">
                    <div class="card-header">
                        <h3 class="card-title">Create Subdepartment</h3>
                    </div>
                    <div class="card-body">
                        <form role="form" method="post" action="{{ !isset($subdepartment->id) ? route('subdepartment.store') : route('subdepartment.update', $subdepartment->id) }}" enctype="multipart/form-data">
                            @csrf
                            @if(isset($subdepartment->id))
                            {{ method_field('PUT') }}
                            @endif
                            <div class="card-body">
                                <div class="form-group">
                                    <label for="duration_type">Companies</label>
                                    <select class="form-control select2" style="width: 100%;" id="dept_company_id" name="dept_company_id">
                                        <option>select company</option>
                                        @foreach($companies as $company)
                                            <option value="{{$company->user_id}}" {{isset($company_user_id) && $company_user_id == $company->user_id ? 'selected' : ''}}>{{$company->company_name}}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="form-group">
                                    <label for="department_id">Departments</label>
                                    <select class="form-control select2" style="width: 100%;" id="department_id" name="department_id">
                                        @foreach($departments as $department)
                                            <option value="{{ $department->id }}" 
                                                {{ $subdepartment->department_id == $department->id ? 'selected' : '' }}>
                                                {{ $department->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="form-group">
                                    <label for="title">Subdepartment Name</label>
                                    <input type="text" class="form-control" id="name" name="name" required placeholder="Enter Subdepartment Name" value="{{ old('name', $subdepartment->name ?? '') }}">
                                </div>
                            </div>

                            <div class="card-footer">
                                <button type="submit" class="btn btn-primary">Submit</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection