@include('partials.dashboard.head')
@include('partials.dashboard.sidebar', ['page' => 'cooperations'])
@include('partials.dashboard.header')
                <!-- content @s -->
                <div class="nk-content ">
                    <div class="container-fluid">
                        <div class="nk-content-inner">
                            <div class="nk-content-body">
                                <div class="nk-block nk-block-lg">
                                    <div class="card card-bordered card-preview">
                                        <div class="card-inner">
                                            <div class="card-head">
                                                <h5 class="card-title">{{$title}}</h5>
                                            </div>
                                            <form action="{{route('dashboard.media.orders.store', ['id' => encrypt_id($cooperation->id)])}}" method="post" id="myForm" enctype="multipart/form-data">
                                                @csrf
                                                <div class="row g-4">
                                                    <div class="col-lg-12">
                                                        <div class="form-group">
                                                            <label class="form-label" for="name">Nama Kegiatan<span class="required-input">*</span></label>
                                                            <div class="form-control-wrap">
                                                                <input type="text" class="form-control @error('name') border-danger  @enderror" id="name" name="name" placeholder="Masukan nama kegiatan" value="{{$cooperation->name}}" readonly>
                                                            </div>
                                                            @error('name')
                                                            <span class="validation-error">{{$message}}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="form-group">
                                                            <label class="form-label" for="start_date">Tanggal Mulai Pelaksanaan<span class="required-input">*</span></label>
                                                            <div class="form-control-wrap">
                                                                <input type="date" class="form-control @error('start_date') border-danger  @enderror" id="start_date" name="start_date" placeholder="Masukan tanggal mulai" value="{{old('start_date')}}">
                                                            </div>
                                                            @error('start_date')
                                                            <span class="validation-error">{{$message}}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="form-group">
                                                            <label class="form-label" for="end_date">Tanggal Selesai Pelaksanaan<span class="required-input">*</span></label>
                                                            <div class="form-control-wrap">
                                                                <input type="date" class="form-control @error('end_date') border-danger  @enderror" id="end_date" name="end_date" placeholder="Masukan tanggal selesai" value="{{old('end_date')}}">
                                                            </div>
                                                            @error('end_date')
                                                            <span class="validation-error">{{$message}}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-12">
                                                        <div class="form-group">
                                                            <label class="form-label">Media<span class="required-input">*</span></label>
                                                            <div class="form-control-wrap">
                                                                <select class="form-select js-select2" data-search="on" name="media_ids[]" multiple="multiple" data-placeholder="Pilih Media">
                                                                    @foreach ($media->whereIn('id', $acceptedMedia) as $item)
                                                                    <option value="{{ $item->id }}"
                                                                        {{ (is_array(old('media_ids')) && in_array($item->id, old('media_ids'))) || in_array($item->id, $acceptedMedia->toArray()) ? 'selected' : '' }}>
                                                                        {{ $item->name }}
                                                                    </option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                            @error('media_ids')
                                                                <span class="validation-error">{{ $message }}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="form-group">
                                                            <label class="form-label" for="image">Gambar</label>
                                                            <div class="form-control-wrap">
                                                                <input type="file" class="form-control @error('image') border-danger  @enderror image-preview" id="image" name="image" placeholder="Masukan file image" value="{{old('image')}}" accept="image/*">
                                                            </div>
                                                            @error('image')
                                                            <span class="validation-error">{{$message}}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="form-group">
                                                            <label class="form-label" for="required_reports">Jumlah Laporan<span class="required-input">*</span></label>
                                                            <div class="form-control-wrap">
                                                                <input type="number" class="form-control @error('required_reports') border-danger  @enderror" id="required_reports" name="required_reports" placeholder="Contoh: 5" value="{{old('required_reports')}}"  min="1" max="100">
                                                            </div>
                                                            @error('required_reports')
                                                            <span class="validation-error">{{$message}}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-12">
                                                        <div class="form-group">
                                                            <label class="form-label" for="phone-no-1">Deskripsi Tugas<span class="required-input">*</span></label>
                                                            <div class="form-control-wrap">
                                                                <textarea class="tinymce-basic form-control" name="task_description">{!!$cooperation->description!!}</textarea>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-12">
                                                        <hr>
                                                        <div class="form-group d-flex justify-content-end">
                                                            <a href="{{route('dashboard.cooperations.index')}}" class="btn btn-white btn-dim btn-outline-light mx-2"><span>Kembali</span></a>
                                                            <button type="button" class="btn btn-md btn-primary" id="submitButton">Buat Media Order</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- content @e -->
@include('partials.dashboard.footer', ['rich_editor' => true])